怎样添加或移除事件监听函数

itxm 2021年03月09日编程语言 433 0

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源码网 HTML5 前端

微信公众号号：IT虾米（左侧二维码扫一扫）欢迎添加！

Q : 823053937

热贴推荐

怎样添加或移除事件监听函数