js中一个函数处理多个事件的方式

通常可能需要给某个元素绑定多个事件处理程序,此时普通法办法是一个一个绑,但下边有一个更高大上的方法,就是利用event.type属性。将所有事件的实现全部放在一个函数中,然后用event.type判断对象绑定的事件类型。

var oBox = document.getElementById("box");

var handle = function(e) {
e = e||window.e;
switch(e.type) {
case "click":
//执行代码
break;
case "mouseenter":
//执行代码
break;
case "mouseleave":
//执行代码
break;
}
}
oBox.onclick = handle;
oBox.onmouseenter = handle;
oBox.onmouseleave = handle;

猜你喜欢

转载自blog.csdn.net/qq_36060786/article/details/79431697