Comment effacer le focus en javascript?

Je sais que cela ne devrait pas être si difficile, mais je n'ai pas trouvé de réponse sur Google.

Je veux exécuter un morceau de javascript qui effacera le focus de n'importe quel élément sur lequel il se trouve sans savoir à l'avance sur quel élément se trouve le focus. Il doit fonctionner sur Firefox 2 ainsi que sur des navigateurs plus modernes.

Y at-il un bon moyen de le faire?

Répondre: document.activeElement

Pour faire ce que vous voulez, utilisez document.activeElement.blur()

Si vous avez besoin de prendre en charge Firefox 2, vous pouvez également utiliser ceci:

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

if (document.addEventListener) 
    document.addEventListener("focus", onElementFocused, true);

.focus()et puis .blur()quelque chose d'autre arbitraire sur votre page. Étant donné qu'un seul élément peut avoir le focus, il est transféré vers cet élément puis supprimé.

document.activeElement.blur();

Fonctionne mal sur IE9 - il brouille toute la fenêtre du navigateur si l'élément actif est le corps du document. Mieux vaut vérifier ce cas:

if (document.activeElement != document.body) document.activeElement.blur();

Aucune des réponses fournies ici n'est complètement correcte lors de l'utilisation de TypeScript, car vous ne connaissez peut-être pas le type d'élément sélectionné.

Ce serait donc préférable:

if (document.activeElement instanceof HTMLElement)
    document.activeElement.blur();

Je déconseillerais en outre d'utiliser la solution fournie dans la réponse acceptée, car le flou qui en résulte ne fait pas partie des spécifications officielles et pourrait se rompre à tout moment.

dummyElem.focus () où dummyElem est un objet caché (par exemple a un zIndex négatif)?

Vous pouvez appeler window.focus ();

mais déplacer ou perdre le focus est lié à interférer avec quiconque utilise la touche de tabulation pour se déplacer dans la page.

vous pouvez écouter le code clé 13 et renoncer à l'effet si la touche de tabulation est enfoncée.

Avec jQuery c'est juste: $(this).blur();