手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js阻止事件冒泡的方法

时间:2024-10-20 04:58:20

1、如下图所示:当点击 'Clic氯短赤亻k me!'时 出现的消息依次为:第三层-->第二层-->第一贫脊雪赙层,最后再跳转至百度页面当通过JS控制阻止冒泡排序后,显示为:第三层-->跳转至百度页面

js阻止事件冒泡的方法

2、阻止方法有三种:1、event.stopPropagation();2、return false;3、event.preventDefault();

3、event.stopPropagation();事件处理过程中,阻止冒泡事件,但不会阻止默认行为(跳转至超链接)执行结果为:弹出第三层消息,然后链接至百度页面

js阻止事件冒泡的方法

4、return false;事件处理过程中,阻止冒泡事件,也阻止默认行为(不跳转超链接)执行结果为:只弹出第三层消息

js阻止事件冒泡的方法

5、event.preventDefault();事件处理过程中,不阻止冒泡事件,但阻止默认行为(不跳转超链接)执行结果为:弹出第三层-->第二层-->第一层 不跳转至百度

js阻止事件冒泡的方法
© 手抄报圈