Bagaimana untuk Mengesan Status Caps Lock dengan Tepat dalam JavaScript?

Mengesan Status Caps Lock Dengan Tepat Menggunakan JavaScript

Dalam bidang JavaScript, menilai sama ada Caps Lock diaktifkan boleh menjadi aspek kritikal dalam memastikan pengalaman pengguna yang optimum. Walaupun kaedah terdahulu bergantung pada melampirkan pendengar acara pada medan input individu, pendekatan yang lebih cekap dan elegan kini tersedia melalui penggunaan KeyboardEvent.

Kaedah getModifierState dalam KeyboardEvent menawarkan keupayaan untuk menentukan status berbilang kunci pengubah suai , termasuk Caps Lock, merentas pelbagai penyemak imbas, malah pada platform mudah alih.

Untuk memanfaatkan fungsi ini, laksanakan kod berikut:

<code class="javascript">passwordField.addEventListener('keydown', function(event) {
  var caps = event.getModifierState && event.getModifierState('CapsLock');
  console.log(caps); // True when Caps Lock is active
});</code>

Coretan kod ini melampirkan pendengar acara pada medan input dinamakan 'Field kata laluan.' Apabila pengguna menekan sebarang kekunci pada papan kekunci, ia akan menyemak keadaan Caps Lock menggunakan getModifierState('CapsLock'). Jika keadaan itu benar, ini menunjukkan bahawa Caps Lock dihidupkan, membolehkan aplikasi mengambil tindakan yang sesuai, seperti memaparkan pemberitahuan atau melaraskan gelagat input dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Status Caps Lock dengan Tepat dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!