programing

마우스 오버() 및 호버() 기능을 선택할 때는 언제입니까?

linuxpc 2023. 8. 9. 20:34
반응형

마우스 오버() 및 호버() 기능을 선택할 때는 언제입니까?

jQuery의 차이점은 무엇입니까?.mouseover()그리고..hover()함수?만약 그들이 완전히 같다면 jQuery는 왜 둘 다 사용합니까?

공식 jQuery 문서에서

  • .mouseover()
    이벤트 핸들러를 "마우스오버" JavaScript 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거합니다.

  • .hover() 한 개 또는 두 의 핸들러를 일치하는 요소에 바인딩하여 마우스 포인터가 요소를 입력하고 나갈 때 실행합니다.

    부르기$(selector).hover(handlerIn, handlerOut)는 다음의 약어:$(selector).mouseenter(handlerIn).mouseleave(handlerOut);


  • .mouseenter()

    마우스가 요소를 입력할 때 실행될 이벤트 핸들러를 바인딩하거나 요소에서 해당 핸들러를 트리거합니다.

    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

반응형