bubbles 事件属性
JavaScript基础 2022-06-08 12:04:04小码哥的IT人生shichen
bubbles 事件属性
实例
搞清楚特定事件是否能冒泡：
var x = event.bubbles;
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>点击按钮查看 onclick 事件是否为冒泡事件。</p>
<button onclick="myFunction(event)">试一试</button>
<p id="demo"></p>
<script>
function myFunction(event) {
var x = event.bubbles;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
bubbles 事件属性返回布尔值，指示事件是否为冒泡事件。
事件冒泡将事件定向到其预期的目标，其工作原理如下：
- 单击按钮并将事件定向到该按钮
- 如果为该对象设置了事件处理程序，则触发该事件
- 如果没有为该对象设置事件处理程序，则事件会向上冒泡（就像水中的气泡）到对象的父级
- 事件从父级冒泡到父级，直到它被处理，或者直到它到达 document 对象为止。
浏览器支持
表中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| bubbles | 支持 | 9.0 | 支持 | 支持 | 支持 |
语法
event.bubbles技术细节
| 返回值： |
布尔值，指示指定事件是否为冒泡事件。 可能的值：
|
|---|---|
| DOM 版本： | DOM Level 2 Events |
