JavaScript跨浏览器处理事件方法(封装成对象)
2016-01-30 23:07
721 查看
// JavaScript Document //跨浏览器的事件处理 var EventUtil = { addHandler: function(element ,type ,handler){ //增加事件监听 if(element.addEventListener){ //DOM2 element.addEventListener(type ,handler ,flase) ; }else if(element.attachEvent){ element.attachEvent("on" + type ,handler) ; //DOM2IE }else{ element["on" + type] = handler ; //DOM0 } }, removeHandler: function(element ,type ,handler){ //删除事件监听 if(element.removeEventListener){ element.removeEventListener(type ,handler ,flase) ; //DOM2 }else if(element.detachEvent){ element.detachEvent("on" + type ,handler) ; //DOM2IE }else{ element["on" + type] = null ; //DOM0 } }, getEvent: function(event){ //获得事件 return event?event:window.event ; }, getTarget: function(event){ //获得目标 return event.target||event.srcElement ; }, preventDefault: function(event){ //阻止事件默认行为 if(event.preventDefault){ event.preventDefault() ; }else{ event.returnValue = false ; } }, stopPropagation: function(event){ //停止事件冒泡 if(event.stopPropagation){ event.stopPropagation ; }else { event.cancelBubble = true ; } }, getCharCode: function(event){ if(typeof event.charCode == "number"){ return event.charCode ; }else{ return event.keyCode ; } }, }
相关文章推荐
- 复习---JS-Array 对象
- Javascript异步编程的4种方法
- JS魔法堂:Data URI Scheme介绍
- JavaScript_全局函数
- JavaScript_RegExp
- Json详解
- JS变量的声明被提前到作用域顶部,赋值则保留在原地
- js 获取复选框的值
- JavaScript_Math
- JavaScript_Array
- HapiJS开发手冊
- JavaScript_Date
- underscorejs-contains学习
- fastjson学习
- underscorejs-some学习
- 使用 ES6 进行开发
- jstorm系列-2:入门
- jstorm系列-2:入门
- js中设置setInterval的注意点
- JavaScript的学习整理(四)