JavaScript 跨浏览器添加和删除事件
2011-06-30 16:27
519 查看
实现监听事件的添加和删除。直接上代码:
调用方式为:
其中onmapmousemove函数为:
/***跨浏览器实现自定义事件处理 ****author:Mygirl */ window.CEvent = { addListener:function(obj,target,act){ if(obj.attachEvent) obj.attachEvent("on"+target,act); if(obj.addEventListener) obj.addEventListener(target,act,false); }, removeListener:function(obj,target,act){ if(obj.detachEvent) obj.detachEvent("on"+target,act); if(obj.removeEventListener) obj.removeEventListener(target,act,false); } } Object.prototype.eventHandler = function(handler){ var b = this; b = b; return function(c){ if(!c){c = window.event;} if(c&&!c.target) {c.target = c.srcElement} b[handler](c); } };
调用方式为:
var container = document.getElementById("panel"); CEvent.addListener(container,"mousemove",this.eventHandler("onmapmousemove")); //container.onmousedown = this.eventHandler("onMouseOut");
其中onmapmousemove函数为:
function onmapmousemove(evt){ document.getElementById("panel").left = evt.clientX; document.getElementById("panel").top = evt.clientY; //...... }
相关文章推荐
- JavaScript 跨浏览器添加和删除事件
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例
- JavaScript实现跨浏览器的添加及删除事件绑定函数实例
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript为不同浏览器添加事件
- 201507231056_《JavaScript——事件脚本的添加和删除代码》
- JS事件封装函数,跨浏览器添加事件和删除事件
- JavaScript通过代码添加删除事件
- 跨浏览器事件添加以及删除
- JavaScript实现添加及删除事件的方法小结
- javascript jquery 动态添加删除行 (兼容所有浏览器)
- javascript兼容添加与删除事件监听
- 纯JavaScript实现的兼容各浏览器的添加和移除事件封装
- js解决跨浏览器添加删除事件的问题
- javascript添加删除事件封装
- JavaScript 跨浏览器添加移除事件
- 自己封装跨浏览器事件添加和删除函数
- JavaScript实现添加及删除事件的方法小结
- IOS细节之虚拟键盘隐藏事件添加与删除bug