このイベントを持つページ上のすべてのDOM要素について、「フォーカス」するイベントリスナーを追加できる既存のメカニズムはありますか?もしそうでなければ、どうすればいいのですか?JavaScript:要素に関係なくイベントをキャプチャする
DOMエレメントがイベントを発生させるときはいつでもconsole.log(何か)したいと思います。どうすればいい?
EDIT:任意のフレームワークがなければ
このイベントを持つページ上のすべてのDOM要素について、「フォーカス」するイベントリスナーを追加できる既存のメカニズムはありますか?もしそうでなければ、どうすればいいのですか?JavaScript:要素に関係なくイベントをキャプチャする
DOMエレメントがイベントを発生させるときはいつでもconsole.log(何か)したいと思います。どうすればいい?
EDIT:任意のフレームワークがなければ
:)をしてくださいあなたは、本体またはHTML要素にイベントをバインドすることができます。またはあなたのhtmlのすべてを囲む他の要素。
それとも、jQueryのを使用したい場合は、身体、HTML、またはいずれかを文書化するために、リスナーをバインドすることができるはずですので、あなたは、DOMを通じてアップ
$("*").bind("focus", function(e){
console.log("something");
})
イベント「バブル」のような何かを行うことができます他の親要素(divなど)に含まれている要素によってトリガされたすべてのイベントをリッスンします。 jQueryのを使用して例えば
、あなたはこのようにそれを行うことができます:
$(document).bind('focus', function(e) { console.log(e); });
これは、最初にイベントをトリガーするものの要素に関係なく、すべてのフォーカスイベントを、ログに記録されます。
...バブルがキャンセルされない限り –
このアサーションの問題は、特定のイベント(それらのうちの1つであるonfocus)が(IEでは)バブルしないということです。あなたは一般化することはできません。各イベントは特別です。 –
:input
疑似セレクタをjQueryで使用できます。
$(':input').focus(function(e){
console.log(e);
});
これはおそらくあなたが探していると思われる入力要素にのみ適用されます。
これは(jQueryで)うまくいくはずです。
$("input").focus(function(){
console.log($(this).attr("id"));
});
ここでは実際の例です: http://jsbin.com/ipiciz/edit#javascript,html,live
ページにフォーカスイベントを「すべての」の要素をバインド??? – Juri
あなたは$(文書)を書くことができましたが、OPは彼の必要性を指定していませんでした。 $( "*")の方がはるかに遅いが、要素固有のログに記録する必要があるように思える。 –