document.activeelement trả về nội dung

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. 
} 

tôi đang cố gắng đặt tiêu điểm tập trung vào hộp văn bản với bộ tabindex phù hợp.

khi tôi gọi hàm onblur javascript và cố gắng lấy document.activeelement thì nó luôn trả về phần tử nội dung của tôi thay vì phần tử hoạt động, nơi tập trung.

Answer 1

Giữa việc rời khỏi phần tử cũ và nhập phần tử mới, phần tử hoạt động thực sự là bản thân tài liệu/bản thân.

Demo: http://jsfiddle.net/u3uNP/

Answer 2

Để Giải quyết vấn đề này thay thế document.activeElement với this.

JsFiddle: https://jsfiddle.net/PseudoNinja/8oq0c1by/