IE和Firefox的Javascript兼容性总结

核心提示： 【兼容处理】functionmyKeyPress(evt){//兼容IE和Firefox获得keyBoardEvent对象evt=(evt)?evt:((window.event)?window.event:"")//兼容IE和Firefox获得keyBoardEvent对象

【兼容处理】

function　myKeyPress(evt){
//兼容IE和Firefox获得keyBoardEvent对象
evt　=　(evt)　?　evt　:　((window.event)　?　window.event　:　"")　
　　//兼容IE和Firefox获得keyBoardEvent对象的键值
var　key　=　evt.keyCode?evt.keyCode:evt.which;　
if(evt.ctrlKey　&&　(key　==　13　||　key　==　10)){　
　　　　　　　//同时按下了Ctrl和回车键
//do　something;
}
}

3. 事件源的获取

【分析说明】在使用事件委托的时候，通过事件源获取来判断事件到底来自哪个元素，但是，在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性。

【兼容处理】

ele=function(evt){　//捕获当前事件作用的对象
evt=evt||window.event;
　　return
　　　(obj=event.srcElement?event.srcElement:event.target;);
}

4. 事件监听

【分析说明】在事件监听处理方面，IE提供了attachEvent和detachEvent两个接口，而Firefox提供的是addEventListener和removeEventListener。

【兼容处理】最简单的兼容性处理就是封装这两套接口：

function　addEvent(elem,　eventName,　handler)　{
　　if　(elem.attachEvent)　{
　　　　elem.attachEvent("on"　+　eventName,　function(){
　　　　　　　　　　　　　　　　　　　　handler.call(elem)});
　　　　　//此处使用回调函数call()，让this指向elem
　　}　else　if　(elem.addEventListener)　{
　　　　elem.addEventListener(eventName,　handler,　false);
　　}
}
function　removeEvent(elem,　eventName,　handler)　{
　　if　(elem.detachEvent)　{
　　　　elem.detachEvent("on"　+　eventName,　function(){
　　　　　　　　　　　　　　　　　　　　handler.call(elem)});
　　　　　//此处使用回调函数call()，让this指向elem
　　}　else　if　(elem.removeEventListener)　{
　　　　elem.removeEventListener(eventName,　handler,　false);
　　}
}