javascript - 상위 요소가 클릭에 바인딩되어 있는 경우 클릭을 바인딩하지 않고 하위 요소가 상위 요소의 클릭을 트리거하지 않도록 하려면 어떻게 해야 합니까?

Question

HTML:

으아악

JS:

으아악

하위 요소를 클릭하면 사라집니다. 이 상황을 피하는 방법은 무엇입니까? 클릭 이벤트를 하위 요소에도 바인딩하고 싶지 않습니다.

Answer 1

으아아아

1. 는 addEventListener 传递第三个参数 true입니다. 이벤트 캡처를 사용하세요.

   • https://developer.mozilla.org...

2. e.stopPropagation() 사건 확산을 막아주세요.

   • https://developer.mozilla.org...

Answer 2

https://jsfiddle.net/g5u7qrrd/6/

으아악

Answer 3

하위 요소 스타일에 pointer-events: none;를 추가하고 마우스 이벤트를 직접 무시하세요. IE는 호환되어야 할 수도 있습니다.