Js IE、FF兼容问题整理

1、window.event

• IE：有window.event对象
• FF：没有window.event对象。可以通过给函数的参数传递event对象。

     如：

  
    

   
     
   
     <
   
     input type
   
     =
   
     "
   
     button
   
     "
   
      onmousemove
   
     =
   
     "
   
     showDiv(event);
   
     "
   
     //
   
     event不需要加引号
   
     

   
     function
   
      showDiv(event)
{
 
   
     var
   
      event
   
     =
   
     window.event
   
     ||
   
     event;
 event.clientX;
 event.clientY;
}

  
    

 

  
    

   
     //
   
     鼠标当前坐标 
   
     

   
     IE：event.x和event.y。 
FF：event.pageX和event.pageY。 
通用：两者都有event.clientX和event.clientY属性。 
 

   
     //
   
     鼠标当前坐标(加上滚动条滚过的距离) 
   
     

   
     IE：event.offsetX和event.offsetY。 
FF：event.layerX和event.layerY。
解决方法：

   
     <
   
     script
   
     >
   
     
 
   
     function
   
      test(event) {
 
   
     var
   
      event 
   
     =
   
      event 
   
     ||
   
      window.event;
 
   
     //
   
     or var event = event ? event : window.event;//这2中都可以，也可以用if else（这简写）
   
     

   
      
   
     var
   
      x 
   
     =
   
      event.offsetX 
   
     ||
   
      event.layerX;
 
   
     var
   
      y 
   
     =
   
      event.offsetY 
   
     ||
   
      event.layerY;
 
   
     //
   
     do Something
   
     

   
      }

   
     <
   
     /
   
     script> 
   
     

   
     <
   
     div onmousedown
   
     =
   
     "
   
     test(event)
   
     "
   
     ><
   
     /
   
     div> 
  
    

//innerText在IE中能正常工作，但是innerText在FireFox中却不行. 需用textContent