爲什麼點擊按鈕會引發焦點？

Question

爲什麼點擊按鈕也會觸發focus事件？

如果我有這樣的

$('button').on('click', function(e){ 
    console.log('This was a ' + e.type); 
}); 
$('button').on('focus', function(e){ 
    console.log('This was a ' + e.type); 
}); 

和HTML

<button>Click me</button> 

當我點擊該按鈕，這兩個事件火......爲什麼？

http://jsfiddle.net/PACXn/

Answer 1

因爲<button>總是觸發一個焦點事件（當你點擊它）。正如你可以在http://api.jquery.com/focus/

讀「焦點事件被髮送到當它獲得焦點的元件。此事件 是隱式地適用於有限的一組元素，諸如形式 元件（<input>，<select>等。）和鏈接（<a href>）。「

Answer 2

當該按鈕處於活動狀態時，將出現一個按鈕焦點。當你點擊它時，你也會激活它。

您可以使用mouseenter事件來模擬人，專注如一事件：當按鈕激活時

$('button').on('mouseenter', function(e){ 
    console.log('This was a ' + e.type); 
});