0

簡単な HTML ページの JavaScript タブ ビューを作成しました。ノード経由で JavaScript を使用して、ヘッダー タグに onClick 関数を追加しました。onClick 関数は、これをパラメーターとして渡すshowTabという関数を実行します。これが【オブジェクトウィンドウ】であることは理解しています。

ヘッダー タグの onClick 関数は、次のように設定されます。

node.onclick = function() { showTab(this); };

showTab 関数は次のとおりです。

function showTab(e) 
{ 
    var node = (e && e.target) || (window.event && window.event.srcElement); 
    alert(node.innerHTML); 
}

ヘッダーの 1 つをクリックすると、innerHTML と共にアラートが表示されます。

ただし、これを実現するために Google の助けを借りました。そして、この行が何を意味するのかを正確に理解する助けが必要です:

var node = (e && e.target) || (window.event && window.event.srcElement);

私は独自の調査を行い、C# の送信者と同等と見なすことができることを確認しました。

しかし、それがどのように機能し、何を参照しているか、どのノードが showTab 関数を呼び出しているかをどのように知るかを完全に知りたいです。同じ機能を実行する 3 つのヘッダー タグがすべて ID なしであるからです。

4

3 に答える 3

-1

クリックされた dom 要素を取得しています。標準準拠のブラウザーの場合は e.target 、または window.event.srcElement (新しい IE の場合は e.srcElement の可能性があります)

参照: http://www.quirksmode.org/js/events_properties.html

于 2013-04-13T02:38:14.020 に答える