javascript - IE での Firefox スタイルの onclick 引数

Question

Firefox では、onclick イベント ハンドラーをメソッドに追加すると、イベント オブジェクトが自動的にそのメソッドに渡されます。これにより、特に、どの特定の要素がクリックされたかを検出する機能が可能になります。例えば

document.body.onclick = handleClick;

function handleClick(e)
{
    // this works if FireFox
    alert(e.target.className);
}

IEでこれを近似する方法はありますか? body 要素のイベント ハンドラーから、どの要素がクリックされたかを検出できる必要があります。

Answer 1

jQueryを使用できない場合の方法は次のとおりです

document.body.onclick = handleClick;

function handleClick(e)
{
    //If "e" is undefined use the global "event" variable
    e = e || event;

    var target = e.srcElement || e.target;
    alert(target.className);
}

そして、ここにjQueryソリューションがあります

$(document.body).click(function(e) {
  alert($(this).attr("class"));
});

Answer 2

これは、DOM ノードにイベントを追加するための承認された表記法ではありません。

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

クリック イベントをバインドするための推奨される記法は、クロス ブラウザー フレンドリです。

見る：

• http://www.quirksmode.org/js/events_advanced.html
• http://developer.mozilla.org/En/DOM/Element.addEventListener

また、イベントがクリックされると、実行されるコールバック関数には、クリックされたエンティティであるオブジェクト「this」が含まれます。

function foo() { 
   window.open(this.src, '_blank'); 
}

Answer 3

IEでは

e.srcElement

Answer 4

IE は という変数を使用していると思いますevent。それが機能するかどうかを確認しますか？