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;
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 一个函数处理多个事件
- js:window.onload事件 让一个js事件执行多个函数
- Js中的一个日期处理格式化函数
- 【开源】QuickPager ASP.NET2.0分页控件V2.0.0.7 增加了一个js函数的分页方式。
- window.addEventListener来解决让一个js事件执行多个函数
- JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- js中三种事件绑定之间的关系和事件处理函数里的this值
- js 事件处理函数间的Event物件是否全等
- JS事件处理程序的3中方式
- js 事件处理函数间的Event物件是否全等
- window.addEventListener来解决让一个js事件执行多个函数
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- js中关于事件处理函数名后面是否带括号的问题
- <a> 里面herf执行JS函数的处理办法,网上找的一个比较靠谱的
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- window.addEventListener来解决让一个js事件执行多个函数
- 【js事件详解】js事件封装函数,js跨浏览器事件处理机制
- js处理一个div里面多个点击事件时出现的事件冲突 重复的解决方法 事件冒泡