javascript - 父元素绑定click，子元素在不绑定click的情况下如何避免触发父元素click？

问题描述

问 题

HTML：

<div id="container">
  <div id="inner">

  </div>
</div>

JS：

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

这时我点击子元素，也会消失。该如何避免这种情况呢？我不想也让子元素绑定click事件的方法。

解决方案

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

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

这篇关于javascript - 父元素绑定click，子元素在不绑定click的情况下如何避免触发父元素click？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！