Як очистити фокус у 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()ще щось довільне на вашій сторінці. Оскільки фокус може мати лише один елемент, він передається цьому елементу і потім видаляється.

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();