html - new - js document object

document.activeelement devuelve body

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

Estoy tratando de establecer foco onblur en cuadros de texto con el conjunto de tabindex adecuado.

cuando invoco la función javascript onblur y trato de obtener document.activeelement, siempre me devuelve el elemento body en lugar del elemento activo donde se encuentra el foco.

Answer 1

Entre dejar el elemento antiguo e ingresar el elemento nuevo, el elemento activo es, de hecho, el documento / cuerpo mismo.

Demostración: http://jsfiddle.net/u3uNP/

Answer 2

Para resolver este problema, reemplace document.activeElement con this .

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