JavaScript：捕捉事件無論元素

Question

1. 是否有任何現有的機制，我可以添加一個事件偵聽器'焦點'的頁面上的所有DOM元素具有此事件？如果沒有，我該怎麼做？

2. 我想console.log（東西）任何時候任何DOM元素觸發事件。我該怎麼做？

編輯：沒有任何框架請:)

Answer 1

您可以將事件的身體或html元素進行綁定。或者包含所有html的任何其他元素。

或者，如果你想使用jQuery你可以做類似

$("*").bind("focus", function(e){ 
    console.log("something"); 
}) 

Answer 2

活動「泡」上通過DOM，所以你應該能夠綁定一個監聽記錄，身體，HTML，或者任何其他父元素（例如一個div），並監聽由它包含的元素觸發的每個事件。

例如，使用JQuery，你可以做這樣的：

$(document).bind('focus', function(e) { console.log(e); }); 

這將記錄每一個焦點事件，不管是什麼元素開始觸發事件。

Answer 3

您可以嘗試在jQuery中使用:input僞選擇器。

$(':input').focus(function(e){ 
    console.log(e); 
}); 

這隻會附加到輸入元素，這可能是你正在尋找的任何東西。

Answer 4

像這樣的東西應該工作（與jQuery）。

$("input").focus(function(){ 
    console.log($(this).attr("id")); 
}); 

這裏是一個活生生的例子： http://jsbin.com/ipiciz/edit#javascript,html,live