HTML | DOM createEvent() 事件方法

HTML 中的 createEvent()方法创建指定类型的事件对象。使用前必须初始化创建的事件。

句法：

document.createEvent( event_type )

event_type：必选参数，用于指定事件的类型。

有许多类型的事件，如下所列：

• 动画事件
• 剪贴板事件
• 拖动事件
• 焦点事件
• 哈希更改事件
• 输入事件
• 键盘事件
• 鼠标事件

• 页面转换事件
• 流行状态事件
• 进度事件
• 存储事件
• 触摸事件
• 过渡事件
• 事件
• 轮事件

下面的程序说明了 HTML 中的 createEvent() 方法：

例子：

    
        
            DOM createEvent() Event Method
        
          
        
            div {
                padding:50px;
                text-align:center;
                background-color: green;
                color: white;
            }
        
    
      
    
        
            document.body.onclick = function() {
                document.getElementById("Geeks").innerHTML 
                            = "Welcome to GeeksforGeeks!";
            };
              
            var onClick = function() {
                var evt = document.createEvent("MouseEvents");
                evt.initMouseEvent
                    ("click", true, true, window, 0, 0, 0, 0,
                    0, false, false, false, false, 0, null);
                document.body.dispatchEvent(evt);
            }
              
            onClick();
        
          
        
      
    
                    

输出：
单击元素之前：

点击元素后：

支持的浏览器： DOM createEvent() 方法支持的浏览器如下：

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