IE e.target.idが動作していません

Question

document.click = check; 

function check(e) 
{ 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (e.target.id != 'show_calender') 
      obj.style.display='none'; 
    } 
} 

エラーは、Internet Explorerにあります。e.target.idは未定義です。

Answer 1

IEはターゲットプロパティをサポートしていません。代わりにsrcElementを使用します。

変更：

if (e.target.id != 'show_calender') 

へ：

if (!e) e = window.event 

あなたの最終的なコードは次のようになります。

if ((e.target || e.srcElement).id != 'show_calender') 

また、あなたの関数の先頭にこれを追加する必要があります：

function check(e) { 
    if (!e) e = window.event; 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') { 
     if ((e.target || e.srcElement).id != 'show_calender') 
       obj.style.display='none'; 
    } 
} 

Answer 2

IEはイベントオブジェクトをパラメータとして渡しません。イベントオブジェクトは、eventというグローバル識別子としてアクセスされます。また、ターゲットという用語を使用しないで、代わりにsrcElementを使用します。

したがってIEのための同等のコードは次のとおりです。 -

function check() 
{ 

    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (event.srcElement.id != 'show_calender') 
      obj.style.display='none'; 
    } 
} 

そのようにはJQueryなどのJavaScriptフレームワークはとても人気があるのはこのため。

Answer 3

従来のイベント処理ブラウザ間の問題があります。私はライブラリを使って、これをもっと簡単で簡単に扱うために、Prototype、JQuery、YUIまたはMooToolsのようなアドバイスをしています。問題は、IEがイベントオブジェクトを渡さないことです。代わりに、グローバルオブジェクトとして見つけることができます。

Answer 4

Internet Explorerはイベントオブジェクトをイベントハンドラに渡しません。代わりにウィンドウオブジェクトのプロパティとして設定します。また、targetの代わりにsrcElementを使用します。お試しください

document.click = check; 

function check(e) 
{ 
    var target = e ? e.target : window.event.srcElement; 
    var obj = document.getElementById('calendar_widget'); 

    if (obj != 'null') 
    { 
     if (target.id != 'show_calender') 
       obj.style.display='none'; 
    } 
}