javascript - 使用jquery on事件委托给了祖先元素，怎么阻止子元素的事件影响父元素的事件

问题描述

问 题

我现在有两个点击事件html格式如下

<table>
  <tr>
    <td></td>
    <td class='edit'></td>
  </tr>
</table>

里面的tr和td都是动态创建的，事件委托代码如下

table.on('click','tr',function(){
alert("我点击了一行")
})
table.on('click','.edit',function(){
alert('我点击了单元格')
})

怎么样才能让我点击class为edit单元格的时候不会触发整行的click事件

解决方案

给一个思路你。 在父级事件屏蔽掉

<script>
    $('table').on('click','tr',function(e){

        // 如果你点击的是 .edit 的会返回 edit，否则返回 undefined
        $(e.target).attr('class');
    })
    
</script>

这篇关于javascript - 使用jquery on事件委托给了祖先元素，怎么阻止子元素的事件影响父元素的事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！