ie兼容火狐

 

 

1.       火狐中所有使用event相关的代码无法使用.

event是IE封装过的全局对象，控制所有事的事件，但是这个对象在火狐中不存在，所以在火狐中无法使用，特别是event.keyCode也是无法取得的。

解决方法：

下面这段JS重新封装了EVENT对象，直接在页面引用，原先的events代码均可试用于火狐：

<script> /*firefox----这段js重新封装了event对象，经验证可以在火狐下支持！----*/     function __firefox(){         HTMLElement.prototype.__defineGetter__("runtimeStyle", __element_style);         window.constructor.prototype.__defineGetter__("event", __window_event);         Event.prototype.__defineGetter__("srcElement", __event_srcElement);     }     function __element_style(){         return this.style;     }     function __window_event(){         return __window_event_constructor();     }     function __event_srcElement(){         return this.target;     }     function __window_event_constructor(){         if(document.all){             return window.event;         }         var _caller = __window_event_constructor.caller;         while(_caller!=null){             var _argument = _caller.arguments[0];             if(_argument){                 var _temp = _argument.constructor;                 if(_temp.toString().indexOf("Event")!=-1){                     return _argument;                 }             }             _caller = _caller.caller;         }         return null;     }     if(window.addEventListener){         __firefox();     }     /*end firefox------------------------------------------------*/ </script>

 

2.       event.returnValue = false无法使用

虽然重新封装了event但是这个方法还是无法支持

解决方法：

调用event.returnValue = false时候使用以下方法：

function setReturnValueFalse() {       if(document.all)     {         window.event.returnValue = false;     }     else     {         event.preventDefault();     } }

 

3.       某些click（）事件无法触发

有些时候我们会通过js直接调用对象的click（）事件，但是有的时候在火狐中却不起作用。

解决方法：

首先查看调用的控件有没有定义onclick事件，火狐中如果没有定义onclick事件的话，调用click（）是什么都不会做的，比如：

 

<a href=”http://www.5173.com”>5173</a>

 

A标签在IE下面直接调用该控件click就会跳转到对应的页面，但是火狐下不会，必须添加一个跳转的方法：

 

 

<a href=”http://www.5173.com” οnclick=”javascript:if(this.href.length!=0) window.open(this.href)”>5173</a>

 

如果在确定有onclick事件的时候仍然调用click（）失效，请使用以下方法

function controlClick(obj) {      if(document.all)      {          obj.click();      }      else      {          var evt = document.createEvent("MouseEvents");          evt.initEvent("click", true, true);          obj.dispatchEvent(evt);      } }

 

Obj为需要调用click（）方法的对象。

4.       清空File控件的内容时候，方法失效。

如果使用document.execCommand(‘Delete’>这个方法清空File控件内容的话，在火狐下是没办法适用的。

解决方法：

调用以下方法

function emptyFile(cid) {     var $=document.getElementById;     document.getElementById(cid).outerHTML?$(cid).outerHTML=$(cid).outerHTML:document.getElementById(cid).value="";   }

 

其中cid为控件id

 

 

 

5.       调用innerText无效

在火狐中是不支持innerText对象的，请使用innerHTML或者jquery的text（）方法

 

 

6.  使用onkeypress事件时候参数使用event.keyCode无效

解决方法：

使用onkeydown方法代替onkeypress或者使用火狐下单独使用event.charCode