怎样创建并触发一个事件

flyfish 2021年03月09日编程语言 375 0

1. 创建事件: document.createEvent();

2. 触发事件: document.dispatchEvent();

<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
 
<body> 
    <button id="butt">Click</button> 
    <script> 
        // 创建一个Event实例对象 
        var event = document.createEvent('Event'); 
 
        // 初始化事件信息 
        event.initEvent('build', true, true); 
 
        // 添加事件监听函数 
        document.addEventListener('build', function (e) { 
            console.log(e.type); // "build" 
        }, false); 
 
        // 触发事件 
        document.dispatchEvent(event); 
    </script> 
</body> 
 
</html>