删除事件（解绑事件）

删除事件  的方式

1.传统注册方式

evenTarget.onclick = null

2.方法监听注册方式

1. eventTarget.removeEventListener(type，listener[,useCapture]);

2.eventTarget.detachEvent (eventNamewithon,callback) ;

示例代码：

<!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>
    <style>
        div {
            background-color: blueviolet;
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</body>
<script>
    var divs = document.querySelectorAll('div')
    // 1
    divs[0].onclick = function () {
        alert(11)
        // 事件解绑
        divs[0].onclick = null
    }
    // 2
    divs[1].addEventListener('click', fn) //里面的fn不需要调用加小括号
    function fn() {
        alert(22)
        divs[1].removeEventListener('click', fn)
    }
    // 3
    divs[2].attachEvent('onclick', fn1)

    function fn1() {
        alert(33)
        divs[2].detachEvent('onclick', fn1);

    }
</script>

</html>

 

posted @ 2022-04-11 10:56  今天穿秋裤了吗  阅读(113)  评论(0)    收藏  举报