如图:box1,box2,box3,点击每个div分别输出(1)box1
(2)box2
(3)box3
而不是点击box1时输出box1,点击box2时输出box1,box2,点击box3时输出box1,box2,box3
那么,我们在绑定事件的时候,需要阻止事件向上冒泡。
js代码: var fBox1=function(){
alert(‘box1’);
};
var fBox2=function(e){
alert(‘box2’);
e.stopPropagation();//阻止事件向上冒泡
};
var fBox3=function(e){
alert(‘box3’);
e.stopPropagation();//阻止事件向上冒泡
};
/====
阻止事件冒泡,嵌套元素事件加载互不影响
最新推荐文章于 2022-03-23 11:13:30 发布
本文介绍如何在JavaScript中通过阻止事件冒泡,确保嵌套元素的事件处理独立,避免点击box1时触发box1,box2,box3的全部事件,而是分别点击box1、box2、box3时只触发对应事件。示例代码展示了如何使用stopPropagation()方法实现这一目标。"
121510896,1147440,使用SPL拆分字符串为多条记录,"['数据库操作', '编程脚本', '数据处理']
摘要由CSDN通过智能技术生成