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

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 属性里直接绑定则不行;