Bagaimana Anda menghapus fokus dalam javascript?

Saya tahu ini seharusnya tidak terlalu sulit, tetapi saya tidak dapat menemukan jawabannya di Google.

Saya ingin mengeksekusi sepotong javascript yang akan menghapus fokus dari elemen apa pun itu tanpa mengetahui sebelumnya elemen mana yang menjadi fokus. Ini harus bekerja pada firefox 2 dan juga browser yang lebih modern.

Apakah ada cara yang baik untuk melakukan ini?

Menjawab: document.activeElement

Untuk melakukan apa yang Anda inginkan, gunakan document.activeElement.blur()

Jika Anda perlu mendukung Firefox 2, Anda juga dapat menggunakan ini:

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

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

.focus()dan kemudian .blur()sesuatu yang sewenang-wenang di halaman Anda. Karena hanya satu elemen yang dapat memiliki fokus, itu ditransfer ke elemen itu dan kemudian dihapus.

document.activeElement.blur();

Berfungsi salah pada IE9 - ini mengaburkan seluruh jendela browser jika elemen aktif adalah badan dokumen. Lebih baik memeriksa kasus ini:

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

Tidak ada jawaban yang diberikan di sini yang sepenuhnya benar ketika menggunakan TypeScript, karena Anda mungkin tidak tahu jenis elemen yang dipilih.

Karena itu ini akan lebih disukai:

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

Saya selanjutnya akan mengecilkan hati menggunakan solusi yang disediakan dalam jawaban yang diterima, karena kekaburan yang dihasilkan bukan bagian dari spesifikasi resmi, dan bisa pecah kapan saja.

dummyElem.focus () di mana dummyElem adalah objek tersembunyi (mis. memiliki zIndex negatif)?

Anda dapat memanggil window.focus ();

tetapi memindahkan atau kehilangan fokus terikat untuk mengganggu siapa pun yang menggunakan tombol tab untuk berkeliling halaman.

Anda dapat mendengarkan kode kunci 13, dan mengabaikan efeknya jika tombol tab ditekan.

Dengan jQuery saja: $(this).blur();