javascript - 마우스 입력에 관한 질문

Question

으아악

절대 위치 지정을 사용하여 아래 하위 요소를 이동하면 하위 요소를 통과할 때도 이벤트가 발생합니다. 무슨 일인가요?

Answer 1

절대 위치 지정은 일반 흐름에서 요소만 제거하고 문서 트리의 구조를 변경하지 않으므로 하위 요소는 여전히 상위 요소 내에 있는 것으로 간주됩니다.

해결책은 event.target이 하위 요소인지 확인하거나 마우스 오버를 두 요소 모두에 바인딩한 다음 하위 요소에서 stopPropagation을 수행하는 것입니다.

Answer 2

출처: https://www.w3.org/TR/uievent...

사용자 에이전트는 포인팅 장치가 요소 또는 해당 하위 요소 중 하나의 경계로 이동할 때 이 이벤트를 전달해야 합니다. 이 이벤트 유형은 마우스오버와 유사하지만 버블링되지 않으며 전달해서는 안 됩니다. 포인터 장치가 요소에서 하위 요소 중 하나의 경계로 이동할 때.

번역은 다음과 같습니다.

포인터와 같은 것이 요소의 경계 또는 하위 요소 중 하나의 경계로 이동하면 mouseenter 이벤트가 트리거되어야 합니다. 포인터가 요소에서 하위 요소 중 하나의 경계로 이동하면 mouseenter 이벤트가 트리거될 수 없습니다.

그래서 귀하의 질문에 대한 대답은 다른 사람들이 자손으로 이동하면 mouseenter

를 실행한다고 규정했다는 것입니다.