绑定事件

EU.addHandler = function(element,type,handler){ //DOM2级事件处理，IE9也支持 if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attachEvent){ //type加'on' //IE9也可以这样绑定 element.attachEvent('on' + type,handler); } //DOM0级事件处理步，事件流也是冒泡 else{ element['on' + type] = handler; } };

取消绑定事件

和绑定事件的处理基本一致，有一个注意点：

传入的handler必须与绑定事件时传入的相同（指向同一个函数）

EU.removeHandler = function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler); } else if(element.attachEvent){ element.detachEvent('on' + type,handler); } else{ //属性置空就可以 element['on' + type] = null; } };

跨浏览器添加事件

function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj.attchEvent('on'+type,fn); } }

跨浏览器移除事件

function removeEvent(obj,type,fn){ if(obj.removeEventListener){ obj.removeEventListener(type,fn,false); }else if(obj.detachEvent){//兼容IE obj.detachEvent('on'+type,fn); } }

跨浏览器阻止默认行为

function preDef(ev){ var e = ev || window.event; if(e.preventDefault){ e.preventDefault(); }else{ e.returnValue =false; } }

跨浏览器获取目标对象

function getTarget(ev){ if(ev.target){//w3c return ev.target; }else if(window.event.srcElement){//IE return window.event.srcElement; } }

跨浏览器获取滚动条位置

//跨浏览器获取滚动条位置，sp == scroll position function getSP(){ return{ top: document.documentElement.scrollTop || document.body.scrollTop, left : document.documentElement.scrollLeft || document.body.scrollLeft; } }

跨浏览器获取可视窗口大小

function getWindow () { if(typeof window.innerWidth !='undefined') { return{ width : window.innerWidth, height : window.innerHeight } } else{ return { width : document.documentElement.clientWidth, height : document.documentElement.clientHeight } } },

【JavaScript中的跨浏览器事件操作的基本方法整理】相关文章：

★ JavaScript中length属性的使用方法

★ javascript模拟评分控件实现方法

★ JavaScript中的unshift()方法的使用

★ JavaScript中操作字符串小结

★ JavaScript中的substr()方法使用详解

★ Javascript实现div层渐隐效果的方法

★ javascript为按钮注册回车事件（设置默认按钮）的方法

★ 跨浏览器的设置innerHTML方法

★ javascript操作ul中li的方法

★ JavaScript深度复制（deep clone）的实现方法