Acara JavaScript Onkeypress
Acara OnKeyPress dipicu ketika pengguna menekan atau memegang tombol keyboard.
Catatan: Ada beberapa perbedaan antara acara OnKeyPress dan acara Onkeydown. Acara OnKeyPress tidak menangani tombol fungsi yang sesuai. Untuk contoh spesifik, Anda dapat mengubah contoh berikut ke acara OnKeydown, dan memasukkan karakter khusus seperti!@#$ Untuk memahami perbedaannya.
petunjuk
Internet Explorer/Chrome Browser menggunakan event.keycode untuk mengambil karakter yang ditekan, sementara browser seperti Event Netscape/Firefox/Opera.
Hanya angka yang diizinkan untuk dimasukkan menggunakan acara OnKeyPress
Berikut adalah contoh menggunakan acara OnKeyPress yang memungkinkan pengguna untuk memasukkan angka hanya di bidang Formulir:
Salinan kode adalah sebagai berikut:
<Html>
<head>
<script>
Function CheckNumber (E)
{
var keynum = window.event? E.Keycode: E. yang;
// peringatan (keynum);
var tip = document.geteLementById ("tip");
if ((48 <= keynum && keynum <= 57) || keynum == 8) {
tip.innerHtml = "";
Kembali Benar;
}kalau tidak {
tip.innerHtml = "Tip: Hanya masukkan angka!";
mengembalikan false;
}
}
</script>
</head>
<body>
<div> Harap masukkan nomor: <input type = "text" onkeypress = "return checkNumber (event);" />
<span id = "tip"> </span>
</div>
</body>
</html>
event.keycode/event. Yang mendapatkan nilai numerik yang sesuai dengan kunci (encoding unicode), dan nilai -nilai kunci yang umum digunakan tercantum di bagian acara OnKeydown. Dalam contoh, nilai 8 diproses secara khusus untuk mendukung kunci backspace di bidang teks.