子元素点击事件如何不调用父元素的点击事件呢？

Question

<div class="shopId">
    <img src='' />
</div>


$('.shopId').click(function(){
    // 一些操作
});

我如何处理，在点击img事件的时候，不触发 $('.shopId').click 操作呢
如果是 $('.shopId img').click 会触发 $('.shopId').click 操作
给img 加一个 <img src='' onclick="showImg(this.src)"> 还是会触发

Answer 1

event.stopPropagation()或者return false，不过后者也会阻止当前事件本身。

Answer 2

event.stopPropagation();

Answer 3

屏蔽冒泡，建议你去看下事件处理流程

Answer 4

通过事件代理

$('.shopId').on('click', 'img', function() {
  //todos
});