Javascript'te odağı nasıl temizlersiniz?

Bunun o kadar da zor olmaması gerektiğini biliyorum, ancak Google'da cevabı bulamadım.

Odakın hangi öğeden önce odaklanacağını bilmeden odağı temizleyecek bir javascript parçası yürütmek istiyorum. Firefox 2 ve daha modern tarayıcılarda çalışmalıdır.

Bunu yapmanın iyi bir yolu var mı?

Cevap: document.activeElement

İstediğinizi yapmak için şunu kullanın: document.activeElement.blur()

Firefox 2'yi desteklemeniz gerekiyorsa, bunu da kullanabilirsiniz:

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

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

.focus()ve sonra .blur()sayfanızda isteğe bağlı başka bir şey. Yalnızca bir öğe odağa sahip olabileceğinden, o öğeye aktarılır ve ardından kaldırılır.

document.activeElement.blur();

IE9'da yanlış çalışıyor - etkin öğe belge gövdesi ise tüm tarayıcı penceresini bulanıklaştırır. Bu vakayı kontrol etmek daha iyi:

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

Burada verilen yanıtların hiçbiri, seçili öğe türünü bilmediğiniz için TypeScript kullanırken tamamen doğru değildir.

Bu nedenle bu tercih edilir:

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

Ayrıca, ortaya çıkan bulanıklaştırma resmi spesifikasyonun bir parçası olmadığından ve her an kırılabileceğinden, kabul edilen cevapta verilen çözümü kullanmaktan vazgeçireceğim.

dummyElem.focus () nerede dummyElem gizli bir nesnedir (örn. negatif zIndex vardır)?

Window.focus ();

ancak odağı taşımak veya kaybetmek, sayfada gezinmek için sekme tuşunu kullanan herkese müdahale etmek zorundadır.

13 numaralı anahtar kodunu dinleyebilir ve sekme tuşuna basılırsa efekti kaldırabilirsiniz.

JQuery ile sadece: $(this).blur();