网页中的元素绑定/移除事件_javascript
2012-07-27 10:13
267 查看
最近在编写一个简单的javascript库,从中学习到了很多东西,就比如说给元素添加事件句柄而言,IE和FireFox有所不同。
IE:绑定事件-attachEvent(eventName, func),移除事件-detachEvent(eventName, func) FireFox:绑定事件-addEventListener(eventName, func, false),移除事件-removeEventListener(eventName, func, false)
鼠标或热键的动作我们称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)。在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样。
IE:绑定事件-attachEvent(eventName, func),移除事件-detachEvent(eventName, func) FireFox:绑定事件-addEventListener(eventName, func, false),移除事件-removeEventListener(eventName, func, false)
鼠标或热键的动作我们称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)。在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样。
//事件添加删除方法 M.event = { add:function(elem, eventName, func){ if(window.attachEvent){ //IE attachEvent(事件类型, 处理函数) elem.attachEvent(eventName, func); }else if(window.addEventListener){ //Firefox addEventListener(事件类型, 处理函数, 使用捕获) elem.addEventListener(eventName, func, false); } }, remove:function(elem, eventName, func){ if(window.detachEvent){ //IE detachEvent(事件类型, 处理函数 elem.detachEvent(eventName, func); }else if(window.removeEventListener){ //Firefox removeEventListener(事件类型, 处理函数, 使用捕获) elem.removeEventListener(eventName, func, false); } } };
相关文章推荐
- JavaScript移除绑定在元素上的匿名事件处理函数
- JavaScript移除绑定在元素上的匿名事件处理函数
- JavaScript移除绑定在元素上的匿名事件处理函数
- 为元素绑定事件配对以增加网页的可访问性
- JavaScript动态控制网页元素事件
- javascript元素绑定事件
- js移除元素所有click绑定事件
- 书:"Pro JavaScript Techniques 精通JavaScript"之绑定/移除事件监听函数
- javascript事件绑定(移除)/ javascript事件如何传参?
- jQuery 绑定事件及移除绑定事件方法和元素事件列表
- Javascript调试的小窍门: 如何获取元素上的事件绑定函数?
- 浅析jquery unbind()方法移除元素绑定的事件
- jquery移除元素属性/绑定事件
- javascript 为元素绑定事件并获取元素位置
- JavaScript之jQuery-10 T-Query(T-Query、基本选择器、T-Query对象、操作方法、创建元素、事件绑定)
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- JavaScript之事件的绑定与移除
- jquery移除、绑定、触发元素事件使用示例详解
- jquery移除、绑定、触发元素事件使用示例详解
- javascript同一个元素同时绑定click和dblclick事件(同时单击和双击事件)