自定义事件的绑定与触发

<body>
    <div style="width:400px;height:400px;background:blueviolet"></div>
    <button >取消</button>
    <script>
    let event = new Event("搞事");
    let div = document.querySelectorAll("div")[0];
    let btn1 = document.getElementById("btn1");
    let btn2 = document.getElementById("btn2");

    function dosomething(){
        console.log("有人在搞事情！");
    }
    div.addEventListener("搞事",dosomething)//绑定自定义事件

    btn1.onclick = function(){
        div.dispatchEvent(event);//触发自定义事件
    }
    
    btn2.onclick = function(){
        div.removeEventListener("搞事",dosomething);//接触绑定的自定义事件
    }
    </script>
</body>

2022-12-23
2022-12-23
2021-08-31
2022-12-23
2022-12-23
2022-12-23
2022-02-07
2021-10-13