JavaScript 跨浏览器添加和删除事件
2011-07-06 16:41
453 查看
实现监听事件的添加和删除。直接上代码:
1 /***跨浏览器实现自定义事件处理 2 ****author:Mygirl 3 */ 4 window.CEvent = { 5 addListener:function(obj,target,act){ 6 if(obj.attachEvent) 7 obj.attachEvent("on"+target,act); 8 if(obj.addEventListener) 9 obj.addEventListener(target,act,false); 10 }, 11 removeListener:function(obj,target,act){ 12 if(obj.detachEvent) 13 obj.detachEvent("on"+target,act); 14 if(obj.removeEventListener) 15 obj.removeEventListener(target,act,false); 16 } 17 } 18 19 20 Object.prototype.eventHandler = function(handler){ 21 var b = this; 22 b = b; 23 return function(c){ 24 if(!c){c = window.event;} 25 if(c&&!c.target) {c.target = c.srcElement} 26 b[handler](c); 27 } 28 };调用方式为:
1 var container = document.getElementById("panel"); 2 CEvent.addListener(container,"mousemove",this.eventHandler("onmapmousemove")); 3 //container.onmousedown = this.eventHandler("onMouseOut");其中onmapmousemove函数为:
1 function onmapmousemove(evt){ 2 document.getElementById("panel").left = evt.clientX; 3 document.getElementById("panel").top = evt.clientY; 4 //...... 5 }
相关文章推荐
- JavaScript 跨浏览器添加和删除事件
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例
- js解决跨浏览器添加删除事件的问题
- JavaScript 跨浏览器添加移除事件
- javascript添加删除事件封装
- JavaScript实现添加及删除事件的方法小结
- 201507231056_《JavaScript——事件脚本的添加和删除代码》
- 自己封装跨浏览器事件添加和删除函数
- 跨浏览器事件添加以及删除
- JavaScript实现添加及删除事件的方法小结
- javascript jquery 动态添加删除行 (兼容所有浏览器)
- javascript兼容添加与删除事件监听
- JS事件封装函数,跨浏览器添加事件和删除事件
- JavaScript为不同浏览器添加事件
- 纯JavaScript实现的兼容各浏览器的添加和移除事件封装
- JavaScript通过代码添加删除事件
- JavaScript中数组成员的添加、删除介绍