JavaScript event.bubbles

红太狼 2020-05-26 15:54 581阅读 0赞

# JavaScript event.bubbles

此事件属性可以判断当前事件是否是冒泡类型

此属性返回一个布尔值，true表示冒泡类型，false表示非冒泡类型。

语法结构：

```javascript
event.bubbles
```

**浏览器支持：**

（1）.IE浏览器支持此属性。

（2）.edge浏览器支持此属性。

（3）.火狐浏览器支持此属性。

（4）.Opera浏览器支持此属性。

（5）.谷歌浏览器支持此属性。

（6）.safria浏览器支持此属性。

**实例代码：**

```html
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.dandelioncloud.cn/" />  
<title>蒲公英云</title> 
<style type="text/css"> 
div,p,span{ 
  margin:0px auto; 
} 
div{ 
  width:200px; 
  height:200px; 
  background-color:#639; 
} 
p{ 
  width:150px; 
  height:150px; 
  background-color:#F60; 
} 
span{ 
  width:100px; 
  height:100px; 
  display:block; 
  background-color:#030; 
} 
</style> 
<script> 
window.onload=function(){ 
  let ospan = document.getElementById("span");
  ospan.onclick = function (ev) {
    if (ev.bubbles) {
      console.log("事件类是冒泡类型"); 
    } 
    else{ 
      console.log("事件不是冒泡类型"); 
    } 
  } 
} 
</script> 
</head> 
<body> 
<div id="box"> 
  <p><span id="span"></span></p> 
</div> 
</body> 
</html>
```

当点击span元素的时候，就会触发事件，并在控制台打印出响应的信息。

发表评论取消回复

表情：

评论列表（有 0 条评论，581人围观）

还没有评论，来说两句吧...

相关阅读

相关 [JavaScript-1] JavaScript基础

一、JavaScrip介绍 1. JavaScript的定义 JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用

悠悠/ 2022年11月26日 05:59/ 0 赞/ 256 阅读

相关【JavaScript】什么是JavaScript？

终于学到了前端三剑客（HTML，CSS，JavaScript）之一的JavaScript。三剑客，团结一致，各司其职，共同完成网页前端的酷炫功能。 Htm

淡淡的烟草味﹌/ 2022年08月22日 05:48/ 0 赞/ 259 阅读

相关【JAVASCRIPT】JavaScript编程风格

JavaScript编程风格 2012-04-28 08:42 | 12263次阅读 | 来源：阮一峰的网络日志【已有40条评论】[发表评论][Link 1] | 作

矫情吗；*/ 2022年06月12日 08:21/ 0 赞/ 260 阅读

相关 [Javascript] Decorators in JavaScript

First, what is 'High Order function', basic just a function, inside the function return

你的名字/ 2022年03月27日 04:45/ 0 赞/ 233 阅读

相关 JavaScript

JavaScript 首先要创建一个window事件，用alert()来测试是否创建成功，（）内可以是数字、也可以是文字，如果是文字，要用英文状态的双引号包裹。 ![在

╰+攻爆jí腚メ/ 2022年03月17日 10:00/ 0 赞/ 184 阅读

相关 JavaScript

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] JavaScript：概念：一门客户

曾经终败给现在/ 2022年01月13日 11:37/ 0 赞/ 166 阅读

相关 JavaScript

文章目录介绍和引入声明变量运算符逻辑结构数组数组的常用方法

桃扇骨/ 2021年12月22日 15:34/ 0 赞/ 263 阅读

相关 JavaScript

JavaScript：是基于对象和事件驱动的语言，运用于客户端基于对象：提供好了对象，直接拿过来就可以使用事件驱动：html网站静态效果，JavaScript网站动态效

待我称王封你为后i/ 2021年12月14日 13:47/ 0 赞/ 226 阅读

相关 javascript

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。可以直接嵌入HTML页面，但写成

向右看齐/ 2021年10月23日 18:30/ 0 赞/ 301 阅读

相关 JavaScript(01): JavaScript简介

> 1. JavaScript的历史 JavaScript诞生于1995年，如今全世界无数的网页在依靠它完成各种关键任务，JavaScript已经从过去装饰性的一种脚本语言转

怼烎@/ 2021年09月22日 07:32/ 0 赞/ 408 阅读