HTML type Event用法及代码示例

HTML DOM中的type event属性用于返回触发事件的类型。它返回一个表示事件类型的字符串。这些事件可以是键盘事件或鼠标事件。

用法:

event.type

返回值：它返回一个表示事件类型的字符串。

例：

<!DOCTYPE html> 
<html> 
    <head>  
        <title> 
            HTML DOM type Event Property 
        </title>  
    </head> 
      
    <body
        onmousedown = "event_name(event)"
        onmouseup = "event_name(event)"
        onkeydown = "event_name(event)"
        onkeyup = "event_name(event)"> 
          
        <h1>GeeksforGeeks</h1>  
        <h2>DOM type Event Property</h2>  
          
        <p> 
            press any key or click the mouse 
            to get event name. 
        </p> 
          
        <p>Triggered Event:<span id = "GFG"></span></p> 
          
        <!-- script to display event name -->
        <script> 
            function event_name(event) { 
                var e = event.type; 
                document.getElementById("GFG").innerHTML = e; 
            } 
        </script> 
    </body> 
</html>

输出：
之前单击按钮：

单击按钮后：

支持的浏览器：DOM类型事件属性支持的浏览器如下：

Opera
Internet Explorer 9.0
谷歌浏览器
Firefox
苹果Safari

相关用法

注：本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM type Event Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。