关于javaScript的IE与FireFox兼容性

firefox没有window.event对象,其实这个本来不会带来很大麻烦,但是,看过下面的例子,就知道其引发的问题之麻烦了.

        假设,现在我要监视一个鼠标按键动作,在浏览器任何地方都监视,可以这样写:

        document.onmousedown=action;

        action是我自定义的一个事件处理函数,我希望在函数中输出我按键的坐标,于是我的action函数就可以这样写

        function action(event){

            //获取页面上用来显示坐标的两个文本输入框

            var x = document.getElementsByTagName_r("input")[0];

            var y = document.getElementsByTagName_r("input")[1];

            //event.pageX是fireFox的用法,event.x是IE的用法

            x.value = event.pageX || event.x ;

            y.value = event.pageY || event.y ;

        }

       这样,就完成了似乎兼容两种浏览器的一段javaScript, 但, 事实上, 还是不兼容!!!!!!!fireFox可以正常运行上面的代码,但IE就会报错!!

        不兼容的地方,就在那个参数(event)!!!!!!在IE上,如此显式声名event参数,浏览器是不会认为这个event参数是window.event,而认为是另一个不知明的对象参数.于是,就会报错: event.x或者event.pageX都找不到~~~!!!!

        怎么办?我们只要不把event显示声名为参数,在函数内直接调用event,就可以了.因为event是window的child,可以省略window前缀,浏览器自动会识别出是window.event了.也就是说,函数头变成这样:    function action()

        哈哈,在IE上终于可以正常运行了!!!!!!!!!问题解决了........才怪!!!!

        在firefox上再次运行,又变不行了!!!!!为啥???? 就是因为firefox上面没有window.event这回事,在函数内直接用event或者window.event都是不行的!!!!!只有声名一个event参数,才会在运行时捕捉这个event!!!!!

        回归测试,就是这么回事了!!!

        不过既然知道了是这个原因,问题就好解决了(我当时可是怎么都没想出是啥原因啊~~~~直到今天灵机一动,来个顿悟!!!)我们只要加上些代码,就ok了:

        function action(event){

            //先判断一下,是IE还是Firefox

            var ev;

            if(window.event){ ev = window.event; }

            else{ ev = event; } 

            var x = document.getElementsByTagName_r("input")[0]; 

            var y = document.getElementsByTagName_r("input")[1];

            x.value = ev.pageX || ev.x ;

            y.value = ev.pageY || ev.y ;

        }