event.cancelBubble属性

最新推荐文章于 2022-03-09 19:22:19 发布

原创最新推荐文章于 2022-03-09 19:22:19 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍如何使用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事件处理器。

function checkCancel()

{

if (window.event.shiftKey)

window.event.cancelBubble = true;

}

function showSrc()

{

if (window.event.srcElement.tagName == "IMG")

alert(window.event.srcElement.src);

}

</SCRIPT>