Comment déterminer quel élément de la page html a le focus ?

Question

Duplicata possible :
Comment puis-je savoir quel élément du DOM a le focus ?

Existe-t-il un moyen en javascript de déterminer quel élément de la page html a le focus ?

Answer 1

Utilisez le document.activeElement propriété.

El document.activeElement La propriété est prise en charge par Chrome 2+, Firefox 3+, IE4+, Opera 9.6+ et Safari 4+.

Notez que cette propriété ne contient que les éléments qui acceptent les frappes au clavier (comme les éléments de formulaire).

Answer 2

Vérifiez cet article de blog . Il donne une solution de contournement pour que document.activeElement fonctionne dans tous les navigateurs.

function _dom_trackActiveElement(evt) {
    if (evt && evt.target) { 
        document.activeElement = evt.target == document ? null : evt.target;
    }
}

function _dom_trackActiveElementLost(evt) { 
    document.activeElement = null;
}

if (!document.activeElement) {
    document.addEventListener("focus",_dom_trackActiveElement,true);
    document.addEventListener("blur",_dom_trackActiveElementLost,true);
}

Quelque chose à noter :

Cette mise en œuvre est légèrement trop pessimiste ; si la fenêtre du navigateur perd le focus, activeElement est défini comme nul (car le contrôle d'entrée perd également le focus). Si votre application a besoin de la valeur de activeElement même lorsque la fenêtre du navigateur n'a pas le focus, vous pouvez supprimer l'écouteur d'événement blur.

Answer 3

Juste pour le compte rendu, un peu en retard, et bien sûr non supporté par les anciens navigateurs :

var element = document.querySelector(":focus");

Devrait fonctionner sur tous les éléments (par exemple aussi les ancres).

Answer 4

Peut-être document.activeElement Je ne sais pas si les navigateurs sont compatibles. Il semble fonctionner dans Firefox et IE7, mais je suppose que vous devez l'essayer dans Opera et ainsi de suite.

Answer 5

Vérifiez le poste inférieur . Je pense que ça pourrait marcher...