이 글의 예에서는 IE에서 마우스가 옵션을 통과할 때 마우스아웃이 발생하는 문제에 대한 해결 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
구현 예정 기능:
DIV가 있습니다. 마우스가 DIV 위로 이동하면 DIV가 다시 축소됩니다.
IE에서는 select 조작시 문제가 발생합니다. 마우스가 옵션 위로 넘어가면 DIV가 축소되는데, 다른 브라우저에서는 이런 현상이 발생하지 않습니다.
해결책:
IE에서는 옵션으로 마우스를 이동하면 window.event.toElement의 값이 null이고, 다른 브라우저에서는 값이 object입니다.
마우스를 DIV 밖으로 직접 이동하면 다른 브라우저와 마찬가지로 window.event.toElement의 값이 개체입니다.
요약하자면, 문제를 해결하려면 mouseout에 다음 코드를 추가하면 됩니다.
if (window.event.toElement == null) return;
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.