标签:comment 坚持 tac 事件冒泡 前端开发 keyword getch 私有属性 comm
在我们前端开发中,经常会遇到兼容性的问题,因为要考虑用户会使用不同的浏览器来访问你的页面,你要保证你做的网页在任何一个浏览器中都能正常的运行,下面我就举几个常用原生JS的兼容写法:
1:添加事件方法
addHandler:
function
(element,type,handler){
if
(element.addEventListener){
//检测是否为DOM2级方法
element.addEventListener(type, handler,
false
);
}
else
if
(element.attachEvent){
//检测是否为IE级方法
element.attachEvent(
"on"
+ type, handler);
}
else
{
//检测是否为DOM0级方法
element[
"on"
+ type] = handler;
};
};
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;
};
};
标签:comment 坚持 tac 事件冒泡 前端开发 keyword getch 私有属性 comm
原文地址:http://www.cnblogs.com/May-J-Wang/p/6995288.html