JavaScript-184：删除事件

效果图

结构

    <div>1</div>
    <div>2</div>
    <div>3</div>

CSS

        div {
            width: 100px;
            height: 100px;
            background-color: pink;
        }

JS

        var div = document.querySelectorAll('div');
        div[0].onclick = function ()
        {
            alert('1');
            // 1 传统方式删除事件
            div[0].onclick = null;
        }
        // 2 removeEventListener 删除事件
        div[1].addEventListener('click', fn);  // 里面的 fn 不需要调用加小括号
        function fn ()
        {
            alert('欢迎来到德莱联盟');
            div[1].removeEventListener('click', fn);
        }