div的子元素的点击事件会触发父元素的点击事件(禁用事件的浮升)

问题:

给一个很简单的例子,当点击第二个div的时候,会同时触发此div与其父元素的点击事件,按照官方的说法,这是事件的浮升,那么要怎么阻止这种情况呢?

解决方案:

使用 event.cancelBubble=true;

JQ解决方案:

在子触发事件中添加

event.stopPropagation();

补充:

https://blog.csdn.net/JeamKing/article/details/5332328

div的子元素的点击事件会触发父元素的点击事件(禁用事件的浮升)_第1张图片

你可能感兴趣的:(前端)