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

userMeiName

于 2019-05-18 21:29:29 发布

阅读量505

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43608739/article/details/90320777

版权

博客主要围绕为同一个元素绑定多个不同事件，并让这些事件指向同一个事件处理函数展开，这在前端开发中能有效简化代码逻辑，提高开发效率。

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

    //e是事件参数对象
    function f1(e) {
        //判断对象类型
        switch (e.type) {
            case "click":
                alert("halo halo");
                break;
            case "mouseover":
                this.style.backgroundColor = "skyblue";
                break;
            case "mouseout":
                this.style.backgroundColor = "blue";
                break;
        }
    }
    my$("btn").onclick = f1;
    my$("btn").onmouseover = f1;
    my$("btn").onmouseout = f1;

在这里插入图片描述