在处理表格的时候tr部分有点击跳转事件,但是第一栏有其他的选择器,需要排除出去,所以需要阻止默认事件。
经过几次实验,发现必须同时使用stopPropagation() and preventDefault()才可以。
table.png
tbody 部分的代码
下面是最后成功的方式:
cancelBubble did 3.png
第一栏点击三次在控制台的显示结果如下:
cancelBubble did
如果将preventDefault()注释掉:
stopPropagation.png
第一栏点击三次在控制台的显示结果如下:
2,4,6.png
如果将stopPropagation()注释掉:
阻止冒泡不成功
阻止冒泡不成功,第一栏将会执行跳转,控制台的显示结果如下:
preventDefault.png