JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数

最新推荐文章于 2021-07-20 01:14:08 发布

星空nwk

最新推荐文章于 2021-07-20 01:14:08 发布

阅读量990

点赞数 1

文章标签： JavaScriptDOM练习之为同一个

本文链接：https://blog.csdn.net/weixin_40243411/article/details/78171977

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button id="btn">按钮</button>
<script src="../common.js"></script>
<script>
    my$("btn").addEventListener("click", f1);
    my$("btn").addEventListener("mouseover", f1);
    my$("btn").addEventListener("mouseout", f1);
    function f1(e) {
        switch (e.type){
            case "click":
                console.log(1);
                break;
            case "mouseover":
                console.log(2);
                break;
            case "mouseout":
                console.log(3);
                break;
        }
    }
</script>
</body>
</html>