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

Question

HTML：<div id="container">  <div id="inner">  </div></div>JS：document.getElementById('container').addEventListener('click',function () {  document.getElementById('inner').style.display = "none";});这时我点击子元素，也会消失。该如何避免这种情况呢？我不想也让子元素绑定click事件的方法。