js IE和Firefox下event处理

63 阅读 0 评论 42 点赞

我是靠谱客的博主含糊皮带，最近开发中收集的这篇文章主要介绍js IE和Firefox下event处理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果在使用javascript的时候涉及到event处理，就需要知道event在不同的浏览器中的差异，因为javascript的事件模型有三种，它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异，这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码：

function doEventThing(eventTag){
   var event = eventTag||window.event;
   var currentKey = event.charCode||event.keyCode;
   var eventSource =window.event.srcElement||eventTag.target;
}

　　这段代码主要是为了处理键盘事件的，在IE中event作为window对象的一个属性可以直接使用，但是在Firefox中却使用了W3C的模型，它是通过传参的方法来传播事件的，也就是说你需要为你的函数提供一个事件响应的接口，在上述函数中，
eventTag扮演的就是这个角色。
　　var event = eventTag||window.event;
　　这段代码可以根据浏览器的不同来得到正确的event，并在程序中使用，如果在IE4+下面使用这段代码，因为eventTag为null可以保证event = window.event，但是如果在Firefox下运行的话则因为手工的给定了eventTag所以var event = eventTag。根据对这一段代码的分析我们也不难看出可以对doEventThing方法进行如下的改造(因为javascript允许我们在定义function的时候不明确指出参数的数量):

function doEventThing(){
    var event = arguments[0]||window.event;
     //other code
}