마우스 오버() 및 호버() 기능을 선택할 때는 언제입니까?
jQuery의 차이점은 무엇입니까?.mouseover()
그리고..hover()
함수?만약 그들이 완전히 같다면 jQuery는 왜 둘 다 사용합니까?
공식 jQuery 문서에서
.mouseover()
이벤트 핸들러를 "마우스오버" JavaScript 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거합니다.
.hover()
한 개 또는 두 개의 핸들러를 일치하는 요소에 바인딩하여 마우스 포인터가 요소를 입력하고 나갈 때 실행합니다.부르기
$(selector).hover(handlerIn, handlerOut)
는 다음의 약어:$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
-
마우스가 요소를 입력할 때 실행될 이벤트 핸들러를 바인딩하거나 요소에서 해당 핸들러를 트리거합니다.
mouseover
포인터가 하위 요소로 이동할 때도 실행됩니다.mouseenter
포인터가 바인딩된 요소로 이동할 때만 실행됩니다.
의미
이것 때문에..mouseover()
와 동일하지 않습니다..hover()
같은 이유로.mouseover()
와 동일하지 않습니다..mouseenter()
.
$('selector').mouseover(over_function) // may fire multiple times
// enter and exit functions only called once per element per entry and exit
$('selector').hover(enter_function, exit_function)
.hover()
함수는 두 개의 함수 인수를 허용합니다. 하나는mouseenter
을 위한 이벤트mouseleave
사건의
당신은 jQuery doc 페이지에서 http://api.jquery.com/mouseover/ 을 사용해 볼 수 있습니다.이것은 아주 명확하게 하고 실제로 직접 볼 수 있는 멋지고 작은 상호작용적인 데모입니다.
간단히 말해서, 마우스 오버 이벤트는 요소 위에 있을 때 요소 위에서 발생합니다. 즉, 하위 요소 또는 상위 요소에서 발생하지만 마우스 입력 이벤트는 마우스가 상위 요소에서 요소로 이동할 때만 발생합니다.
공식 문서에서: (http://api.jquery.com/hover/) .
.hover() 메서드는 마우스 입력 및 마우스 탈퇴 이벤트 모두에 대한 핸들러를 바인딩합니다.마우스가 요소 내에 있는 동안 단순히 동작을 요소에 적용하는 데 사용할 수 있습니다.
http://api.jquery.com/mouseenter/ 에서 읽을 수 있는 것처럼.
마우스 입력 JavaScript 이벤트는 Internet Explorer의 소유입니다.이벤트의 일반적인 유틸리티 때문에 jQuery는 브라우저에 상관없이 사용할 수 있도록 이 이벤트를 시뮬레이션합니다.이 이벤트는 마우스 포인터가 요소에 들어가면 요소로 전송됩니다.모든 HTML 요소가 이 이벤트를 수신할 수 있습니다.
언급URL : https://stackoverflow.com/questions/17589420/when-to-choose-mouseover-and-hover-function
'programing' 카테고리의 다른 글
인수를 사용하여 PowerShell에서 Excel 매크로 호출 (0) | 2023.08.14 |
---|---|
스프링 3 MVC 애플리케이션을 위한 메이븐 2 원형이 있습니까? (0) | 2023.08.14 |
셀 내에서 Excel 주소를 참조하지만 추가 텍스트도 참조 (0) | 2023.08.09 |
서로 다른 두 날짜 범위를 비교하는 동안 TIMEDIFF의 합계 (0) | 2023.08.09 |
선택적 매개 변수를 사용하여 절차를 만드는 방법은 무엇입니까? (0) | 2023.08.09 |