IT源码网

怎样创建并触发一个事件讲解

flyfish 2021年03月09日 编程语言 156 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>

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样添加或移除事件监听函数讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。