JavaScriptDOM练习之事件绑定与解绑

最新推荐文章于 2022-11-15 23:21:14 发布

星空nwk

最新推荐文章于 2022-11-15 23:21:14 发布

阅读量513

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScriptDOM练习之事件绑定

本文链接：https://blog.youkuaiyun.com/weixin_40243411/article/details/78172011

本文介绍了使用JavaScript进行DOM元素的事件绑定与解绑的方法，包括onclick、addEventListener和attachEvent等不同方式，并演示了如何通过代码实现这些操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button id="btn">按钮</button>
<button id="btn1">解绑</button>
<script src="../common.js"></script>
<script>
    //onclick
    my$("btn").onclick = function () {
        console.log(1);
    };
    my$("btn1").onclick = function () {
        my$("btn").onclick = null;
    };

    //addEventListener
    my$("btn").addEventListener("click", f1);
    my$("btn1").addEventListener("click", function () {
        my$("btn").removeEventListener("click", f1)
    });
    function f1() {
        console.log(1);
    }
     
    //attachEvent
    my$("btn").attachEvent("onclick", f1);
    my$("btn1").attachEvent("onclick", function () {
        detachEvent("onclick", f1);
    });
    function f1() {
        console.log(1);
    }
</script>
</body>
</html>