2

純粋な JS の邪魔にならないイベントの例がいくつかあります。このテーマのほとんどの質問は、jQuery ソリューションで実質的に回答されます。この単純な例がどのように機能するのだろうか。私がテストしたように、ドキュメント ヘッド内のこの関数は、ドキュメント全体のクリックに対して完全に機能します。

document.onclick=function(){alert("OK");}

しかし、これはクリックでは機能しません<div id="test">CLICK</div>

document.getElementById("test").onclick=function(){alert("OK");}

目立たない JS 関数の要素のクリックをキャプチャする方法は?

更新された質問: ascii-limeによる回答に続いて、目立たない Javascript イベントをドキュメントの「head」にどのように配置できますか?

4

2 に答える 2

4

それはうまく機能します。

スクリプトをの後に配置するか、イベントハンドラーで実行することにより、<div>スクリプトが存在後に実行されていることを確認します。<div>window.onload

または、をドキュメントに添付して（スクリプトが実行される前にドキュメントが確実に存在するため）、次のようonclickにクリックされた要素を検出することもできます。

document.onclick = function(e){
    e = e || window.event;
    if(e.target.id == 'test')
        alert('OK');
}
于 2012-06-17T22:48:21.980 に答える
0

JSFiddle.net でコードをテストしましたが、実行されているようです。

ここで実際にそれを見てください：http://jsfiddle.net/kNFrz/

Chrome 19.0 と IE 9.0 を使用してテストしました

于 2012-06-17T23:06:04.760 に答える