javascript - React.js'te metin girişinde change/focusOut olayını doğru şekilde nasıl yakalarım?


Bir formum var ve bu formda metin girişlerindeki change olayını ele almak istiyorum, ancak React onChange olayı tuşa basıldığında tetikleniyor (yerel JS'in aksine, yerel JS'te change olayı bir giriş alanı odak dışına çıktığında tetiklenir).

İstediğimi yapmak için bir React yolu var mı?

Cevap #1

Eğer doğrulamayı yalnızca giriş alanı odak kaybettiğinde tetiklemek istiyorsanız, onBlur kullanabilirsiniz.

onBlur: Bir FocusEvent işlemci fonksiyonu. Bir elementin odak kaybettiğinde tetiklenir. Yerleşik tarayıcı blur olayının aksine, React’ta onBlur olayı kabarcık yapar (bubbles).

Cevap #2

JavaScriptTepki göstermek
onfocusoutodakKaybolduğunda
onfocusinodaklanma

Cevap #3

Geç oldu, ama zamanınıza değer, bunda bir sorun yok; focusin ve focusout olaylarının tarayıcı seviyesindeki uygulanması ile React'in sentetik onFocus ve onBlur olayları arasında bazı farklar var. focusin ve focusout aslında yayılır, oysa onFocus ve onBlur yayılmaz. Bu yüzden şu an için React için focusin ve focusout'un tam olarak aynı uygulanması yok. Her neyse, çoğu durum onFocus ve onBlur ile kapsanacaktır.

İlgili makaleler