document.activeelement返回正文

Question

<input id="text1" tabindex="1" onblur="invokeFunc()"/> 
<input id="text2" tabindex="2" onblur="invokeFunc()"/> 

function invokeFunc(){ 
    // ajax request 
    alert(document.activeElement); 
    // this returns body element in firefox, safari and chrome. 
} 

我正在設置重點onblur文本框與正確的tabindex設置。

當我調用JavaScript函數onblur並嘗試獲取document.activeelement時，它總是返回我身體元素而不是焦點所在的活動元素。

Answer 1

在離開舊元素並進入新元素之間，活動元素確實是文檔/主體本身。

演示：http://jsfiddle.net/u3uNP/

Answer 2

爲了解決這個問題，this替換document.activeElement。

的jsfiddle：https://jsfiddle.net/PseudoNinja/8oq0c1by/