冒泡页面php html,js停止冒泡的实例详解

本文通过实例展示了JavaScript中事件冒泡和捕获的区别。当在DOM元素上添加事件监听器时,点击事件会在元素及其祖先元素间传播。通过`event.stopPropagation()`可以阻止事件冒泡,确保事件仅在目标元素上触发。
摘要由CSDN通过智能技术生成

e251a8c05e4c9376b200e0c2cc224a99.png

qypt15

div {

background-color: green;

border: 1px solid;

padding: 50px;

}

实例演示了在添加不同事件监听时,冒泡与捕获的不同。

点击段落,我是冒泡。

点击段落,我是捕获。

function myP(e) {

alert("你点击了 P 元素!");

window.event? window.event.cancelBubble = true : e.stopPropagation();

}

function myDiv() {

alert(" 你点击了 DIV 元素 !");

}

function myPa() {

alert("你点击了 P2 元素!");

}

function myDiva() {

alert("你点击了 DIV2 元素 !");

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值