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

1. 为同一个元素绑定多个不同的事件,并指向相同的事件处理函数方法

/**
    * 为同一个元素绑定多个不同的事件,指向相同的事件处理函数
    * @param {*} e 元素
    */
    document.onclick = f1;
    document.onmouseover = f1;
    document.onmouseout = f1;
    function f1(e) {
        switch (e.type) {
            case "click": alert("你好啊!");
                break;
            case "mouseover": this.style.backgroundColor = "red"; 
                break;
            case "mouseoiut": this.style.backgroundColor = "green"; 
                break;
            default:
                break;
        }
    }

  

 

posted @ 2019-07-19 10:30  小小飞郭  阅读(637)  评论(0编辑  收藏  举报