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

Posted lujieting0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为同一个元素绑定不同的事件指向同一个事件的处理函数相关的知识,希望对你有一定的参考价值。

<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>

以上是关于为同一个元素绑定不同的事件指向同一个事件的处理函数的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript绑定事件的方法[3种]

浏览器事件

javascript中常用的事件绑定方法

Vue 事件处理

JavaScript中,有三种常用的绑定事件的方法

javaScript事件绑定