Javascript - Deteksi Caps Lock

Ketika anda mendaftar/login ke sebuah halaman web, terutama ketika mengisi kolom/field password, maka sering kita jumpai halaman web yang membuat penjagaan tentang "Caps Lock".

Dibawah ini adalah kode Javascript untuk mendeteksi Caps Lock:

  
 function checkCapsLock( e ) {
    var myKeyCode = e.which ? e.which : ( e.keyCode ? e.keyCode : ( e.charCode ? e.charCode : 0 ) );
    var myShiftKey = e.shiftKey || ( e.modifiers && ( e.modifiers & 4 ) );
    var charStr = String.fromCharCode(myKeyCode);
    if ((( myKeyCode >= 65 && myKeyCode <= 90 ) && !myShiftKey ) || (( myKeyCode >= 97 && myKeyCode <= 122 ) && myShiftKey)) {
	alert("CAPS LOCK ON");
    }
  }

Kode lengkapnya, anda bisa lihat seperti dibawah ini:

Nama file : caps_lock.html

Apabila file diatas dijalankan, maka akan tampil seperti gambar dibawah ini:
Javascript - Deteksi Caps Lock

Download Source Code + Tulisan


  • Silahkan Anda download kode sumber lengkapnya disini.
  • Silahkan Anda download tulisan lengkapnya disini. 

Post a Comment