event.targetがFirefoxで動作していません

Question

var x = event.target||event.srcElement; 
document.getElementById(x.id).style.left = 200 + "px" ; 
document.getElementById(x.id).style.top = 100 + "px" ; 

Google ChromeとIEではうまく動作しますが、Firefoxではうまく動作しません。 googleで試してみてください。 googleはevent.srcElement（IEでは動作しますがfirefoxでは動作しません）と言うので、event.targetを追加しましたが、まだ動作していません。 firefoxで作業するために必要な変更がもうありますか？ところで、私はFirefoxの3.5バージョンを使用しています。

 function up() 
      { 
       dragok = false; 
       document.onmousemove = null; 
       var x = event.target||event.srcElement; 
       document.getElementById(x.id).style.left= 200 + "px" ; 
       document.getElementById(x.id).style.top= 100 + "px" ; 
      } 

それはあなたがハンドラへの仮パラメータとしてeventを定義していることを確認してくださいFirefoxの

Answer 1

に動作させるために私を助けてください。

IEはそれをグローバルに定義しており、Chromeは両方の場所で両方を定義しているためどちらの方法でも動作しますが、Firefoxは関数パラメータとしてのみ定義します。

function up(e) { 
    //  ^-----------------------------------------------------+ 
    if(!e) e = window.event; // <---needed this --- and this ->--+ 

    dragok = false; 
    document.onmousemove = null; 
    var x = e.target||e.srcElement; // <--- and these 
    document.getElementById(x.id).style.left= 200 + "px" ; 
    document.getElementById(x.id).style.top= 100 + "px" ; 
} 

Answer 2

私はJqueryを使用して問題を解決しました。たとえば、要素のIDを取得するには、

var x = $(this).attr('id'); 

Answer 3

このソリューションはFirefoxブラウザでも動作します。起動時に​​アクションが発生した場合は、eventプロパティをグローバル変数に設定します。

var keyEvent=null; 

keyEventと.itemからeventプロパティは、ターゲット要素であることを割り当てます。

$(document).on("keydown",'.item', function(e){ 

       keyEvent=e;          

     },this)) 

次に、コードにkeyEventを使用してください。

 function up(e) { 
      if(!e) e = keyEvent; 
      dragok = false; 
      document.onmousemove = null; 
      var x = e.target||e.srcElement; 
      document.getElementById(x.id).style.left= 200 + "px" ; 
      document.getElementById(x.id).style.top= 100 + "px" ; 
     } 

注：windowのグローバル変数にeventプロパティを設定しようとしないでください。