JQuery giriş alanından odak nasıl kaldırılır?


136

Aşağıdaki satırı kullanarak bir sayfa yüklerken odağı belirli bir giriş alanına ayarlıyorum:

$('#myInputID').focus();

Belirli bir öğenin üzerine geldiğinizde bu odağı geri almanın veya kaldırmamın bir yolu var mı ? (Bu öğeden ayrıldıktan sonra odağın sıfırlanması gerekmez.)

Yukarıdaki jQuery tersi veya başka türlü burada çalışacak bir işlev bulamadı.

Yanıtlar:


227

.Blur () kullanın .

Bulanıklık olayı, odağı kaybettiğinde bir öğeye gönderilir. Başlangıçta, bu etkinlik yalnızca gibi form öğeleri için geçerliydi <input>. Son tarayıcılarda, etkinliğin alanı tüm öğe türlerini içerecek şekilde genişletildi. Bir öğe, Sekme tuşu gibi klavye komutları veya sayfanın başka bir yerine fare tıklamaları ile odağı kaybedebilir.

$("#myInputID").blur(); 

Tamam, sanırım burada yanlış bir şey yapıyorum ya da bunu yanlış şekilde tanımladım. Burada kullanmak istediğiniz öğe sınıf navbar (bir Bootstrap 3 navbar) vardır, bu yüzden aşağıdakileri denedim ama bu çalışmıyor: $ ('. Navbar'). On ('mouseover', function () {$ ( '#myInputID'). blur ();});
user2571510

Evet, ben yaptım. Bu işe yaramazsa, bunun yerine odağı gezinme çubuğuna ayarlayabilir miyim?
user2571510

1
@ user2571510: etkinlik içinde uyarı vermeyi deneyin ve tetiklenip tetiklenmediğini görün.
Milind Anantwar

Evet, uyarı gösterilir ancak odağı alandan kaldırmaz.
user2571510

1
@ user2571510: sayfada yinelenen kimlikleriniz var mı ?? kullanmayı deneyin$("[id=myInputID]").blur();
Milind Anantwar



0

$(':text').attr("disabled", "disabled");tüm metin kutusunu devre dışı moda ayarlar. Her metin kutusu kimliğini vermek gibi başka bir şekilde yapabilirsiniz. Bu kodu kullanarak ağırlık daha fazla olacak ve performans sorunu olacaktır.

Bu yüzden daha iyi bir $(':text').attr("disabled", "disabled");yaklaşım var.


0

readonlyÖzelliğiniz varsa , tek başına bulanıklık işe yaramaz. Aşağıdaki kontrasepsiyon işi yapmalıdır.

$ ( '# MyInputID') ( 'salt okunur') removeAttr tetik ( 'bulanıklık') özn ( 'salt okunur', 'salt okunur')...;
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.