父元素绑定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事件的方法。