js中删除事件removeEventListener的使用

案例1: 该点击按钮只允许点击一次弹出对话框 

传统方法是使用onclick 然后再点击函数里设置btn按钮为null即可

使用removeEventListener删除事件 fn代表的是调用下面的函数 这里调用函数不用加括号 删除事件不能写在监听事件里 所以把函数放在了外面

<body>
    <button>删除事件1</button>
    <button>删除事件2</button>
    <script>
        //传统方法
        var btn = document.querySelectorAll('button');
        btn[0].onclick = function() {
            alert('删除事件1')
            btn[0].onclick = null;
        }
        //removeEventListener 删除事件
        btn[1].addEventListener('click', fn) //addEventListener监听事件
        function fn() {
            alert('删除事件2');
            btn[1].removeEventListener('click', fn)
        }
    </script>
</body>

相关知识点链接:js中监听注册事件addEventListener的使用

上一篇:使提示框居中显示


下一篇:27,flutterrow中组件位置