> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 마우스오버, 마우스아웃 중지 이벤트 버블링_javascript 기술에 대한 솔루션

자바스크립트 마우스오버, 마우스아웃 중지 이벤트 버블링_javascript 기술에 대한 솔루션

WBOY
풀어 주다: 2016-05-16 18:54:38
원래의
1320명이 탐색했습니다.

IE에는 onmouseleave와 onmouseenter가 있지만, 주요 브라우저와의 호환성을 원하는 웹 개발자에게는 여전히 골치 아픈 문제입니다.
인터넷에는 Mozilla Firefox에 대한 몇 가지 전략이 있지만 코드의 양은 낙관적이지 않습니다.
더 나은 해결책을 찾고 싶어서 국내 웹사이트를 크고 작게 찾아봤지만, 결국 해외 사이트를 읽어봐도 W3C에 관련 타겟이 있어서 이상적이었습니다. 나는 다음과 같은 해결책을 생각해냈습니다.

코드 복사 코드는 다음과 같습니다.

함수 isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false
var reltg = e.관련Target : e.type == 'mouseout' ? e .toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);

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