HTML |气泡事件属性

气泡事件属性用于返回一个布尔值，该值指示事件是否为冒泡事件。如果为该对象设置了事件处理程序，则触发该事件，如果没有，则该事件向上冒泡到该对象的父级。事件冒泡，直到它到达文档对象或处理。

什么是事件冒泡？考虑一种情况，一个元素存在于另一个元素中，并且它们都处理一个事件。当事件发生时，在冒泡中，最里面的元素首先处理事件，然后是外部，依此类推。详情请参考这里。

返回值：如果事件可以通过 DOM 向上冒泡，则气泡事件属性返回true ，否则返回 false 。

句法 ：

event.bubbles

下面的程序说明了气泡事件属性：

示例：找出特定事件是否可以冒泡。

  

    bubbles Event Property in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    bubbles Event Property
  
    To check if the onclick event is 
      a bubbling event or not, 
      double click the "Check Event" button.
    
  
    
      Check Event
    
  
    
  
    
        function MyEvent(event) {
            <!-- Check whether the event is bubbling or not. -->
            var gfg = event.bubbles;
            document.getElementById("test").innerHTML = gfg;
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器：

• 歌剧
• IE浏览器
• 谷歌浏览器
• 火狐
• 苹果Safari