HTML | DOM UiEvent detail 属性

UiEvent detail属性用于返回一个包含事件详细信息的数字。
UiEvent 详细信息属性返回的数字表示在 onclick和ondblclick上使用时的当前点击次数，而在onmousedown和onmouseup 上使用时，它返回一个数字，表示当前点击次数加 1。

句法 ：

event.detail

下面的程序说明了 UiEvent 详细信息属性：

示例：找出鼠标在同一区域被点击的次数。

  

    UiEvent detail property in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    UiEvent detail property
    
  
    To check the current click count, 
      double click the "Check Count" button.
  
    
        Check Count
    
  
    
  
    
        function count(event) {
  
            //  Return detail.
            var c = event.detail;
            document.getElementById("clicks").value =
                c;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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