1. 添加事件监听函数: document.addEventListener();

2. 移除事件监听函数: document.removeEventListener();

<!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> 
        // 声明一个事件监听函数, 并在执行一次后移除 
        var clickButt = function () { 
            alert("hello, guest!"); 
            this.removeEventListener("click", clickButt); 
        } 
 
        // 绑定事件监听函数 
        document.getElementById("butt").addEventListener("click", clickButt); 
    </script> 
</body> 
 
</html>

 

注意: 使用document.addEventListener() 可以为事件添加多个事件监听函数. 但如果直接在 on-xxx 属性里直接绑定则不行;

发布评论
IT源码网

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

怎样创建一个文档片段对象讲解
你是第一个吃螃蟹的人
发表评论

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