Come si cancella l'attenzione in javascript?

So che non dovrebbe essere così difficile, ma non sono riuscito a trovare la risposta su Google.

Voglio eseguire un pezzo di javascript che cancella la messa a fuoco da qualunque elemento sia acceso senza sapere in anticipo su quale elemento si concentra. Deve funzionare su Firefox 2 e su browser più moderni.

C'è un buon modo per farlo?

Risposta: document.activeElement

Per fare quello che vuoi, usa document.activeElement.blur()

Se devi supportare Firefox 2, puoi anche usare questo:

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

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

.focus()e poi .blur()qualcos'altro arbitrario sulla tua pagina. Poiché solo un elemento può avere lo stato attivo, viene trasferito su quell'elemento e quindi rimosso.

document.activeElement.blur();

Funziona in modo errato su IE9: sfoca l'intera finestra del browser se l'elemento attivo è il corpo del documento. Meglio controllare per questo caso:

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

Nessuna delle risposte fornite qui è completamente corretta quando si utilizza TypeScript, poiché è possibile che non si conosca il tipo di elemento selezionato.

Questo sarebbe quindi preferito:

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

Scoraggerei inoltre l'uso della soluzione fornita nella risposta accettata, poiché la sfocatura risultante non fa parte delle specifiche ufficiali e potrebbe interrompersi in qualsiasi momento.

dummyElem.focus () dove dummyElem è un oggetto nascosto (ad es. ha zIndex negativo)?

Puoi chiamare window.focus ();

ma spostare o perdere il focus è destinato a interferire con chiunque usi il tasto tab per aggirare la pagina.

è possibile ascoltare il codice chiave 13 e rinunciare all'effetto se si preme il tasto Tab.

Con jQuery è solo: $(this).blur();