HTML：
<p id="container">
<p id="inner">
</p>
</p>
JS：
document.getElementById('container').addEventListener('click',function () {
document.getElementById('inner').style.display = "none";
});
這時我點選子元素，也會消失。該如何避免這種情況呢？我不想也讓子元素綁定click事件的方法。
為
addEventListener傳遞第三個參數true。使用事件捕獲。https://developer.mozilla.org...
e.stopPropagation()阻止事件傳播。https://developer.mozilla.org...
https://jsfiddle.net/g5u7qrrd/6/
雷雷給子元素style加個
pointer-events: none;直接忽略滑鼠事件。 IE可能需要處理下相容。