Rumah > hujung hadapan web > tutorial js > Contoh entri acara onkeypress JavaScript (tekan atau tahan kekunci papan kekunci)_Pengetahuan asas

Contoh entri acara onkeypress JavaScript (tekan atau tahan kekunci papan kekunci)_Pengetahuan asas

WBOY
Lepaskan: 2016-05-16 16:33:47
asal
1922 orang telah melayarinya

Acara penekan kekunci JavaScript

Acara onkeypress dicetuskan apabila pengguna menekan atau menahan kekunci papan kekunci.

Nota: Acara onkeypress berbeza sedikit daripada acara onkeydown Event onkeypress tidak memproses penekanan kekunci fungsi yang sepadan. Khususnya, anda boleh menukar contoh berikut kepada acara onkeydown dan anda boleh memasukkan aksara khas seperti !@#$ untuk merasakan perbezaan antara keduanya.

Petua

Pelayar Internet Explorer/Chrome menggunakan event.keyCode untuk mendapatkan semula aksara yang ditekan, manakala pelayar seperti Netscape/Firefox/Opera menggunakan event.which.

Gunakan acara onkeypress untuk membenarkan nombor sahaja dimasukkan

Berikut ialah contoh menggunakan acara onkeypress untuk hanya membenarkan pengguna memasukkan nombor dalam medan borang:

Salin kod Kod adalah seperti berikut:




Nombor semak fungsi(e)
{
var keynum = window.event ? e.keyCode : e.which;
//alert(keynum);
var tip = document.getElementById("tip");
Jika( (48<=keynum && keynum<=57) || keynum == 8 ){
         tip.innerHTML = "";
        kembali benar;
}lain {
​​​​ tip.innerHTML = "Petua: Hanya nombor boleh dimasukkan!";
         pulangan palsu;
}
}



Sila masukkan nombor:




event.keyCode/event.yang mendapat nilai berangka (Pengekodan Unicode) yang sepadan dengan kunci Nilai kekunci biasa disenaraikan dalam bahagian acara

onkeydown . Dalam contoh, nilai 8 diproses khas untuk menyokong kekunci Backspace dalam medan teks.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan