event.cancelBubble属性

本文介绍如何使用event.cancelBubble属性来控制事件是否向上冒泡。通过设置该属性为true或false,可以实现事件在处理层次中的冒泡行为控制,示例展示了如何阻止特定条件下事件的冒泡。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 
event.cancelBubble属性
设置或获取当前事件是否要在事件句柄层次中向上冒泡。
语法:
event.cancelBubble [ = bCancel ]
可用值:
bCancel
指定或接受下面的Boolean值之一。
false
缺省值。启用冒泡,允许层次中的下一个事件处理器接受事件。
true
禁用事件冒泡,防止层次中的下一个事件处理器接受事件。
此属性可读写。它的缺省值为false
Microsoft® Internet Explorer 5时起,表达式可用在上述值的地方,
备注:
使用事件的这个属性不会影响并发的事件。
示例:
这个示例在用户按下SHIFT键时,取消img对象的onclick事件的冒泡
这个可防止事件向上冒泡至文档的onclick事件处理器。
<SCRIPT LANGUAGE="JScript">
function checkCancel()
{
if (window.event.shiftKey)
window.event.cancelBubble 
= true;
}

function showSrc()
{
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}

</SCRIPT>
<BODY onclick="showSrc()">
<IMG onclick="checkCancel()" SRC="sample.gif">
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值