JSはIEとFireFoxの間の一般的な関数の違いの結び目

1.event.srcele ment

 
  
//srcElement   IE   target FireFox   ,         
  
var obj = e.srcElement ? e.srcElement : e.target; 
  
 
 

2.e.originalEvent.x

 
  
// e.originalEvent.x    IE   ,FireFox    e.originalEvent.layerX,         
  
var positionX = e.originalEvent.x - $(this).offset().left || e.originalEvent.layerX - $(this).offset().left || 0; 
  
 
 

3.ウィンドウズ.イベント
window.eventはIEの下でしか実行できません.Firefoxでは実行できません.
これはFirefoxのイベントはイベントが発生した場合のみ使用できるからです.
IE:

 
  
 
  
 
  
 
  <br> 
  <br>function test1() { 
  <br>alert(window.event); //   window.event 
  <br>} 
  <br>function test2(evt) { 
  <br>evt=evt?evt:(window.event?window.event:null); 
  <br>alert(evt); //    evt 
  <br>} 
  <br> 
  
 
 

以下は一例です.
画面でバックをクリックするとイベントは発生しませんが、TextAreaのようなボックスでバックをクリックしてイベントが発生します.みんなはコードを修正して自分で使うことができます.

 
  
 
  
 
  
 
  
 
  
 
  
 
  <br> 
  <br> 
  <br>document.onkeydown=keypage 
  <br> 
  <br>function keypage(e) { 
  <br> 
  <br>eevt=e?e:(window.event?window.event:null); 
  <br> 
  <br>if (evt.keyCode==13) { 
  <br> 
  <br>if (window.XMLHttpRequest) { // IE7 FF MO 
  <br>//alert(( evt ? evt.explicitOriginalTarget : null).tagName) 
  <br> 
  <br>if(( evt ? evt.explicitOriginalTarget : null).tagName =="TEXTAREA"){ 
  <br>var obj = evt ? evt.explicitOriginalTarget : null; 
  <br>alert("ID:="+obj.id) 
  <br>} 
  <br>} else { // IE6 
  <br>if(document.activeElement.type== "textarea") { 
  <br>var obj = document.activeElement 
  <br>alert("ID:="+obj.id) 
  <br>} 
  <br>} 
  <br>} 
  <br>}  
  
 
  
 
  
 
  
 
  
 
  
 
  

 
  
 
  

 
  
 
  

 
  
 
  <br/> 
  <br/> 
  <br/> 
  <br/> 
  <br/> 
 </code></pre> 
 <br/>4.innerText 
 <br/> 
 <br/> 
 <br/> 
   
 <pre><code> 
  <br/> 
  <br/> 
  <br/><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> 
  <br/><title>    IE Firefox    </title> 
  <br/> 
  <br/><script language="javascript"> 
  <br> 
  <br>function testInnerText(){ 
  <br>if(navigator.appName.indexOf("Explorer") > -1){ 
  <br>document.getElementById('element').innerText = "my text"; 
  <br>} else{ 
  <br>document.getElementById('element').textContent = "my text"; 
  <br>} 
  <br>} </script> 
  <br/> 
  <br/><input name="Button" type="button" value="testInnerText" onclick="javascript:testInnerText()"/> 
  <br/><div id="element" style="border:1px solid #0066CC; width:100px; height:50px"/> 
  <br/> 
  <br/> 
  <br/> 
 </code></pre> 
 <br/>5.CSS "float"    
 <br/> 
 <br/> 
 <br/>          CSS          object.style   ，                   。  ，     ID   "header"   div   background-color   ，        ： 
 <br/> 
 <br/>document.getElementById("header").style.borderBottom= "1px solid #ccc"; 
 <br/> 
 <br/>     "float"   JavaScript     ，        object.style.float     "float"    。                  ： 
 <br/> 
 <br/>IE   ： 
 <br/> 
 <br/>document.getElementById("header").style.styleFloat = "left"; 
 <br/> 
 <br/>Firefox   ： 
 <br/> 
 <br/>document.getElementById("header").style.cssFloat = "left"; 
 <br/>6.        
 <br/> 
 <br/> 
 <br/>        object.style.property， JavaScript                  CSS   。           ，         HTML     ，       JavaScript      。style                   。       "    "，        ： 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("header"); 
  <br/>var myStyle = myObject.currentStyle.backgroundColor; 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("header"); 
  <br/>var myComputedStyle = document.defaultView.getComputedStyle(myObject, null); 
  <br/>var myStyle = myComputedStyle.backgroundColor; 
  <br/> 
 </code></pre> 
 <br/>7.     "class"   
 <br/> 
 <br/> 
 <br/>   "float"     ，            JavaScript          。 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("header"); 
  <br/>var myAttribute = myObject.getAttribute("className"); 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("header"); 
  <br/>var myAttribute = myObject.getAttribute("class"); 
  <br/> 
 </code></pre> 
 <br/>8.   label     "for"    
 <br/> 
 <br/> 
 <br/>  3   ，   JavaScript   label   "for"         。 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("myLabel"); 
  <br/>var myAttribute = myObject.getAttribute("htmlFor"); 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("myLabel"); 
  <br/>var myAttribute = myObject.getAttribute("for"); 
  <br/> 
 </code></pre> 
 <br/>   setAtrribute            。 
 <br/> 
 <br/>9.       
 <br/> 
 <br/> 
 <br/>             ，       ，IE   Firefox         。            ，                ，         。      ，IE       Firefox      ，          。  ，           "    "     －              。 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myCursorPosition = [0, 0]; 
  <br/>myCursorPosition[0] = event.clientX; 
  <br/>myCursorPosition[1] = event.clientY; 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myCursorPosition = [0, 0]; 
  <br/>myCursorPosition[0] = event.pageX; 
  <br/>myCursorPosition[1] = event.pageY; 
  <br/> 
 </code></pre> 
 <br/>10.              
 <br/> 
 <br/> 
 <br/>                   ，    "  "。 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myBrowserSize = [0, 0]; 
  <br/>myBrowserSize[0] = document.documentElement.clientWidth; 
  <br/>myBrowserSize[1] = document.documentElement.clientHeight; 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myBrowserSize = [0, 0]; 
  <br/>myBrowserSize[0] = window.innerWidth; 
  <br/>myBrowserSize[1] = window.innerHeight; 
  <br/> 
 </code></pre> 
 <br/>11.Alpha    
 <br/> 
 <br/> 
 <br/> ，      JavaScript       - alpha       CSS     。        JavaScript         ，         CSS   alpha      ，        。      JavaScript     CSS   ： 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>#myElement { 
  <br/>filter: alpha(opacity=50); 
  <br/>} 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>#myElement { 
  <br/>opacity: 0.5; 
  <br/>} 
  <br/> 
 </code></pre> 
 <br/>    JavaScript      ，     style   ： 
 <br/> 
 <br/>IE   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("myElement"); 
  <br/>myObject.style.filter = "alpha(opacity=80)"; 
  <br/> 
 </code></pre> 
 <br/>Firefox   ： 
 <br/> 
   
 <pre><code> 
  <br/>var myObject = document.getElementById("myElement"); 
  <br/>myObject.style.opacity = "0.5″; 
  <br/> 
 </code></pre> 
 <br/>  ，     ，            opcity/alpha，       ，          ，                 。 
 <br/>  : HeroBeast 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>