배경 svg 요소에 대한 mouseenter 이벤트

Question

mouseenter 이벤트를 다른 요소 뒤에있는 SVG 요소에서 트리거하는 방법이 있습니까? 상위 요소가 이벤트를 잡는 것처럼 보이고 DOM을 버블 링하지 않습니다.

또는 마우스가 특정 SVG 요소 위에 있는지 확인하는 좋은 방법이 있습니까?

명확히하기 위해 나는 뒤로 요소에 따라 앞면 요소를 변경하는 'drag &'과 같은 기능을 구현하려고합니다. 요소는 중첩되지 않습니다.

Answer 1

방금 ​​답변을 찾았습니다. 트릭은 드래그를 시작할 때 (mousedown) 요소 드래그를 마치면 pointer-events: none을 설정 한 다음 다시 드래그를 마치면 pointer-events: all으로 돌아갑니다. 그런 식으로 요소는 이벤트를 캡처하지 않고 배경에있는 모든 요소로 전달할 수 있습니다.