JavaScriptでフォーカスをどのようにクリアしますか？

これはそれほど難しいことではないことはわかっていますが、Googleで答えを見つけることができませんでした。

どの要素にフォーカスがあるかを事前に知らなくても、要素が何であれフォーカスをクリアするJavaScriptを実行したいと思います。それは、Firefox 2だけでなく、より最近のブラウザーでも機能する必要があります。

これを行う良い方法はありますか？

回答： document.activeElement

やりたいことを行うには、 document.activeElement.blur()

Firefox 2をサポートする必要がある場合は、これも使用できます。

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

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

.focus()次に.blur()、ページ上の任意の何か。フォーカスを持つことができる要素は1つだけなので、その要素に転送されてから削除されます。

document.activeElement.blur();

IE9では正しく動作しません-アクティブな要素がドキュメントボディの場合、ブラウザーウィンドウ全体がぼやけます。このケースを確認することをお勧めします：

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

TypeScriptを使用する場合、選択された要素の種類がわからない可能性があるため、ここで提供される答えは完全に正しいものではありません。

したがって、これが推奨されます。

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

結果として生じるぼかしは公式の仕様の一部ではなく、いつでも壊れる可能性があるので、私はさらに、受け入れられた回答で提供されているソリューションを使用しないようにします。

dummyElem.focus（）ここで、dummyElemは非表示オブジェクトです（たとえば、負のzIndexがあります）？

window.focus（）;を呼び出すことができます。

ただし、フォーカスを移動したり失ったりすると、タブキーを使用してページを移動する人の邪魔になります。

キーコード13をリッスンし、タブキーが押された場合の効果を無視できます。

jQueryを使用すると、次のようになります。 $(this).blur();