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

Posted 2021-01-24 lujieting0

<input type="button" value="点击" id="btn"/>
<script src="commer.js"></script>
<script>
    //为同一个元素绑定不同的事件指向同一个事件的处理函数
    ver("btn").onclick=f1;
    ver("btn").onmouseover=f1;
    ver("btn").onmouseout=f1;
    function f1(e) {
        switch (e.type) {
            case "click":
                alert("好帅噢");
                break;
            case "mouseover":
                this.style.backgroundColor="red";
                break;
            case "mouseout":
                this.style.backgroundColor="green";
                break;
        }
    }
</script>