절대 위치 지정을 사용하여 아래 하위 요소를 이동하면 하위 요소를 통과할 때도 이벤트가 발생합니다. 무슨 일인가요?
절대 위치 지정은 일반 흐름에서 요소만 제거하고 문서 트리의 구조를 변경하지 않으므로 하위 요소는 여전히 상위 요소 내에 있는 것으로 간주됩니다.
해결책은 event.target이 하위 요소인지 확인하거나 마우스 오버를 두 요소 모두에 바인딩한 다음 하위 요소에서 stopPropagation을 수행하는 것입니다.
출처: https://www.w3.org/TR/uievent...
사용자 에이전트는 포인팅 장치가 요소 또는 해당 하위 요소 중 하나의 경계로 이동할 때 이 이벤트를 전달해야 합니다. 이 이벤트 유형은 마우스오버와 유사하지만 버블링되지 않으며 전달해서는 안 됩니다. 포인터 장치가 요소에서 하위 요소 중 하나의 경계로 이동할 때.
번역은 다음과 같습니다.
포인터와 같은 것이 요소의 경계 또는 하위 요소 중 하나의 경계로 이동하면 mouseenter 이벤트가 트리거되어야 합니다. 포인터가 요소에서 하위 요소 중 하나의 경계로 이동하면 mouseenter 이벤트가 트리거될 수 없습니다.
그래서 귀하의 질문에 대한 대답은 다른 사람들이 자손으로 이동하면 mouseenter
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
절대 위치 지정은 일반 흐름에서 요소만 제거하고 문서 트리의 구조를 변경하지 않으므로 하위 요소는 여전히 상위 요소 내에 있는 것으로 간주됩니다.
해결책은 event.target이 하위 요소인지 확인하거나 마우스 오버를 두 요소 모두에 바인딩한 다음 하위 요소에서 stopPropagation을 수행하는 것입니다.
출처: https://www.w3.org/TR/uievent...
번역은 다음과 같습니다.
그래서 귀하의 질문에 대한 대답은 다른 사람들이 자손으로 이동하면 mouseenter
를 실행한다고 규정했다는 것입니다.