先写一个阻止冒泡的方法：
function stopPropagation(e) {
e = e || window.event;
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
在子元素的点击事件内执行stopPropagation函数就可以了：
//子元素的点击事件函数
function childClickFunction() {
//这里写执行子元素点击事件的代码
stopPropagation();
}
测试代码 效果如图 当我们点击子元素(黄色区域)时会先触发子元素的点击事件，然后会继续触发父元素的点击事件，阻止冒...
先写一个阻止冒泡的方法： 在子元素的点击事件内执行stopPropagation函数就可以了：
点击子元素，触发父元素方法。获取子元素属性
不使用修饰符情况 执行结果：点击了子元素；点击了父元素 stop - 阻止事件冒泡 执行结果：点击了子元素（未触发...
问题描述：在写一个点击头部栏展开收起，并且头部栏还有收藏功能的小图标事件，当我点击收藏的时候会触发展开收起的功能。...
嵌套的div元素，如果父级和子元素都绑定了一些事件，那么在点击最内层子元素时可能会触发父级元素的事件，下面介...
点击子元素触发父元素 点击 这是父元素里面的其他内容 methods:{ fu(){ consol...
在测试小程序的时候，发现了这样的一个bug，点击子元素事件d的时候触发父元素的点击事件，从而执行父级的点击事件，跳...
在测试小程序的时候，发现了这样的一个bug，点击子元素事件d的时候触发父元素的点击事件，从而执行父级的点击事件，跳...
注：父元素和子元素都有click事件绑定，当点击子元素，希望执行子元素的事件而不执行父元素事件，在子元素事件开始时...
本文标题：点击子元素防止触发父元素的事件解决方案
本文链接：https://www.haomeiwen.com/subject/qtcuzqtx.html
网友评论