04-事件解绑

Strohhut

已于 2023-05-29 22:18:36 修改

阅读量24

点赞数

分类专栏：黑马程序员APIs（3）文章标签： javascript

于 2023-05-29 22:18:12 首次发布

本文链接：https://blog.csdn.net/Strohht/article/details/130937789

版权

黑马程序员APIs（3）专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>
    <script>
        const btn = document.querySelector('button')
        // btn.onclick = function(){
        //     alert('点击了')
        //     // L0 事件移除解绑
        //     btn.onclick = null
        // }

        //匿名函数无法解绑，所以必须命名
        function fn(){
            alert('点击了')
        }
        btn.addEventListener('click',fn)
        // L2 事件移除解绑
        btn.removeEventListener('click',fn)
    </script>
</body>
</html>