火狐浏览器中函数获取event的对象

最新推荐文章于 2017-08-01 16:01:00 发布

原创最新推荐文章于 2017-08-01 16:01:00 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种解决火狐浏览器与其他浏览器（如IE和谷歌）在事件对象获取上兼容性问题的方法。通过调整JavaScript代码，确保在不同浏览器环境下都能正确获取到事件对象，从而实现功能的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

火狐浏览器似乎总是有些特立独行一般 , 在谷歌和IE浏览器中获取event的对象似乎是信手拈来 ,但是到了火狐浏览器就会报错

以下函数在IE和谷歌浏览器运行正常

       /**
		 * 切换通过和不通过
         * @param state
         */
        function changeTable(state){
           
            if($(":input:hidden").val() == state){
                return;
			}
            $(":input:hidden").val(state);
            $(".stateSpan").removeClass("activeSpan");
            $(event.target).addClass("activeSpan");
           if(state=='0'){
               loading("正在加载数据");

               $("#contentTable1").hide();
               $("#contentTable2").slideDown(1000,function(){
                   closeLoading();
                   showTip("加载数据成功...");
               });

		   }else{
               loading("正在加载数据");
               $("#contentTable2").hide();
               $("#contentTable1").slideDown(1000,function(){
                   closeLoading();
                   showTip("加载数据成功...");
			   });

		   }
		}

但是在火狐浏览器就会报错

必须换成如下方式方能使用

    /**
		 * 切换通过和不通过
         * @param state
         */
        function changeTable(state){
            //火狐浏览器不能像谷歌浏览器那样方便的获取window.event事件，为了兼容，需要做以下处理：
            var e = document.all ? window.event : arguments[0] ? arguments[0] : event;
            if($(":input:hidden").val() == state){
                return;
			}
            $(":input:hidden").val(state);
            $(".stateSpan").removeClass("activeSpan");
            $(e.target).addClass("activeSpan");
           if(state=='0'){
               loading("正在加载数据");

               $("#contentTable1").hide();
               $("#contentTable2").slideDown(1000,function(){
                   closeLoading();
                   showTip("加载数据成功...");
               });

		   }else{
               loading("正在加载数据");
               $("#contentTable2").hide();
               $("#contentTable1").slideDown(1000,function(){
                   closeLoading();
                   showTip("加载数据成功...");
			   });

		   }
		}