阻止事件冒泡,嵌套元素事件加载互不影响

本文介绍如何在JavaScript中通过阻止事件冒泡,确保嵌套元素的事件处理独立,避免点击box1时触发box1,box2,box3的全部事件,而是分别点击box1、box2、box3时只触发对应事件。示例代码展示了如何使用stopPropagation()方法实现这一目标。" 121510896,1147440,使用SPL拆分字符串为多条记录,"['数据库操作', '编程脚本', '数据处理']
摘要由CSDN通过智能技术生成

这里写图片描述
如图: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();//阻止事件向上冒泡
};
/====

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值