javascript - If the parent element is bound to click, how can the child element avoid triggering the click of the parent element without binding click?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - If the parent element is bound to click, how can the child element avoid triggering the click of the parent element without binding click?

扔个三星炸死你 2017-06-12 09:22:56

740

HTML：

JS：

document.getElementById('container').addEventListener('click',function () { document.getElementById('inner').style.display = "none"; });

When I click on the child element, it will disappear. How to avoid this situation? I don't want to bind click events to child elements as well.

扔个三星炸死你

reply all (3)

曾经蜡笔没有小新2017-06-12 09:24:56 3 floor

document.getElementById('container').addEventListener('click',function (e) { document.getElementById('inner').style.display = "none"; e.stopPropagation(); }, true);

Pass the third parametertruetoaddEventListener. Use event capture.
- https://developer.mozilla.org...
e.stopPropagation()Stop event propagation.
- https://developer.mozilla.org...

Like+0

Add Reply

仅有的幸福2017-06-12 09:24:56 2 floor

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

document.getElementById('container') .addEventListener('click',function (e) { if (e.target.id !== 'inner') document.getElementById('inner').style.display = "none"; });

Like+0

Add Reply