Caps Lock'u JavaScript ile Algıla
Herkes farkında olmadan istediği zaman büyük harf kilitleme tuşunu açık tutabilir. Kullanıcılar çoğu girişi yazarken istenmeyen büyük harf kilidini kolayca fark edebilir, ancak parola girişi kullanıldığında sorun o kadar açık değildir. Bu, kullanıcının şifresinin yanlış olmasına yol açar ve bu da can sıkıcı bir durumdur. İdeal olarak geliştiriciler kullanıcıya büyük harf kilidi anahtarının etkinleştirildiğini bildirebilir.
Bir kullanıcının klavyesinin büyük harf kilidinin açık olup olmadığını tespit etmek için KeyboardEvent'in getModifierState yöntemini kullanacağız:
Uzmanların Görüşleri
document.querySelector('input[type=password]').addEventListener('keyup', function (keyboardEvent) { const capsLockOn = klavyeEvent.getModifierState('CapsLock'); if (capsLockOn) { // Kullanıcıyı büyük harf kilidinin açık olduğu konusunda uyarsın mı? } });
Daha önce getModifierState'in kullanıldığını hiç görmemiştim, bu yüzden diğer yararlı değerleri keşfetmek için W3C belgelerini araştırdım:
sözlük EventModifierInit : UIEventInit { boolean ctrlKey = false; boolean ShiftKey = false; boolean altKey = false; boolean metaKey = false; boolean değiştiriciAltGraph = false; boole değiştiriciCapsLock = false; boole değiştiricisiFn = false; boole değiştiricisiFnLock = false; boole değiştiricisiHyper = false; boole değiştiricisiNumLock = false; boolean değiştiriciScrollLock = false; boolean değiştiriciSüper = false; boolean değiştiriciSymbol = false; boolean değiştiriciSymbolLock = false; };
