elements_javascript 팁을 바인딩한 후 mouseover 및 mouseout 이벤트가 여러 번 트리거됩니다.

WBOY
풀어 주다: 2016-05-16 16:57:53
원래의
1361명이 탐색했습니다.

JavaScript의 mouseover 및 mouseout 이벤트는 바인딩된 요소 내부에 하위 요소가 있는 경우

가 바인딩된 요소를 전달할 때 mouseover 및 mouseout 이벤트가 여러 번 트리거됩니다.

jquery 솔루션:

jquery의 mouseenter 및 mouseleave 메소드는 이 문제를 해결했으며 mouseover 및 mouseout을 대체하는 데 직접 사용할 수 있습니다.

하지만 mouseenter 및 mouseleave가 있습니다. 작은 문제 마우스가 문서 외부에서 이벤트에 바인딩된 요소에 직접 들어가면 마우스 입력이 적용되지 않는다는 것입니다

임시 해결책은 이벤트에 바인딩된 요소를 브라우저 가장자리에서 멀리 유지하고 최소한 1px 간격을 두십시오.

또한 jquery의 hover() 메서드는 mouseenter 및 mouseleave를 사용하는 것과 동일합니다. 또한 마우스 오버 및 마우스 아웃 문제를 해결할 수도 있습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿