JS 一个函数处理多个事件
2015-01-11 15:20
330 查看
<script type="text/javascript"> window.onload = function() { //this指向注册这个事件元素 /** document.getElementById("testBtn").onclick = function(event) { alert(event); alert(event.target); alert(this); alert(event.currentTarget); alert(this === event.currentTarget); } */ var btnNode = document.getElementsByTagName("input").item(0); var handler = function(event) { switch (event.type) { case "click": alert("clicked"); break; case "mouseover": event.currentTarget.style.backgroundColor = "red"; break; case "mouseout": event.currentTarget.style.backgroundColor = ""; break; } }; btnNode.onclick = handler; btnNode.onmouseover = handler; btnNode.onmouseout = handler; }; </script>
相关文章推荐
- js中一个函数处理多个事件的方式
- js 事件处理函数间的Event物件是否全等
- window.addEventListener来解决让一个js事件执行多个函数
- js中三种事件绑定之间的关系和事件处理函数里的this值
- js事件封装函数,js跨浏览器事件处理机制
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- js使用函数绑定技术改变事件处理程序的作用域
- window.addEventListener来解决让一个js事件执行多个函数
- 用JS实现一个表单多个按钮的方法,两个onclick事件处理
- 【js事件详解】js事件封装函数,js跨浏览器事件处理机制
- js一个事件绑定多个函数
- js:window.onload事件 让一个js事件执行多个函数
- 用js函数处理事件时,有时候可能因为页面部分组件不需要显示,但仍需要执行js,会有报错,但是不想暴露页面,是业务正常进行。。。。
- 用ACE的Reactor模式实现网络通讯时,ACE内部用WSAEventSelect函数把网络事件与一个事件对象关联起来,目的是为了后面用WaitForMultipleObjects函数统一处理。
- jquery delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数
- Js中的一个日期处理格式化函数
- javascript同一个事件如何注册多个处理函数
- js处理一个div里面多个点击事件时出现的事件冲突 重复的解决方法 事件冒泡
- window.addEventListener来解决让一个js事件执行多个函数