您的位置:首页 > Web前端 > JavaScript

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

2018-03-03 17:32 423 查看
通常可能需要给某个元素绑定多个事件处理程序,此时普通法办法是一个一个绑,但下边有一个更高大上的方法,就是利用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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js