XML DOM bubbles 事件属性
XML基础 2023-08-13 19:12:12小码哥的IT人生shichen
XML DOM bubbles 事件属性
定义和用法
bubbles 事件属性返回一个布尔值，如果事件是起泡类型，则返回 true，否则返回 fasle。
语法
event.bubbles
事件传播
在 2 级 DOM 中，事件传播分为三个阶段：
第一，捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄，那么在事件传播过程中运行这些句柄。
第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行。这与 0 级事件模型提供的事件处理方法相似。
第三，起泡阶段。在此阶段，事件将从目标元素向上传播回或起泡回 Document 对象的文档层次。
实例
下面的例子可检测发生的事件是否是一个起泡事件：
<html>
<head>
<script type="text/javascript">
function getEventType(event)
{
alert(event.bubbles);
}
</script>
</head>
<body onmousedown="getEventType(event)">
<p>Click somewhere in the document.
An alert box will tell if the event is a bubbling event.</p>
</body>
</html>TIY
完整实例【bubbling event】：
<html>
<head>
<script type="text/javascript">
function getEventType(event)
{
alert(event.bubbles);
}
</script>
</head>
<body onmousedown="getEventType(event)">
<p>Click somewhere in the document. An alert box will tell if the event is a bubbling event.</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
检测事件是否是起泡事件（IE 浏览器不支持）。
