JS绑定事件和移除事件的处理方法
2014-07-09 17:18
337 查看
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。
由于IE只支持事件冒泡,所以同大多数情况下,都是将事件处理程序添加到事件流的冒泡阶段,这样可以最大限度地兼容各种浏览器。最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加到捕获阶段。如果不是特别需要,不建议在事件捕获阶段注册事件处理程序。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>摇一摇</title> </head> <script> document.addEventListener("mousedown", mouse, false);//点击鼠标时触发事件 document.addEventListener("keydown", key, false);//按下键盘按键时触发事件 function mouse(){ alert('ddd'); } function key(){ document.removeEventListener("mousedown", mouse, false); alert('xxx'); } </script> <body> </body> </html>
由于IE只支持事件冒泡,所以同大多数情况下,都是将事件处理程序添加到事件流的冒泡阶段,这样可以最大限度地兼容各种浏览器。最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加到捕获阶段。如果不是特别需要,不建议在事件捕获阶段注册事件处理程序。
相关文章推荐
- JS绑定事件和移除事件的处理方法
- JS绑定事件和移除事件的处理方法
- js事件绑定兼容处理方法。
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- js多个对象绑定一个事件的方法
- jQuery unbind 删除绑定事件 / 移除标签方法
- JQuery入门――移除绑定事件unbind方法概述及应用
- js使用函数绑定技术改变事件处理程序的作用域
- 使用prototype.js的事件处理方法
- JS注册/移除事件处理程序(ExtJS应用程序设计实战)
- jquery 绑定事件的优化处理方法
- JS中dom绑定事件方法
- js使用函数绑定技术改变事件处理程序的作用域
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- js创建一个input数组并绑定click事件的方法
- js事件绑定的几种方法
- js多个对象绑定一个事件的方法
- js 事件绑定的方法
- JQuery入门——用unbind方法移除绑定事件