เหตุการณ์ JavaScript OnKeypress
เหตุการณ์ onkeypress จะถูกทริกเกอร์เมื่อผู้ใช้กดหรือถือคีย์คีย์บอร์ด
หมายเหตุ: มีความแตกต่างเล็กน้อยระหว่างเหตุการณ์ onkeypress และเหตุการณ์ onkeydown เหตุการณ์ onkeypress ไม่ได้จัดการกับการกดปุ่มฟังก์ชั่นที่สอดคล้องกัน สำหรับตัวอย่างเฉพาะคุณสามารถเปลี่ยนตัวอย่างต่อไปนี้เป็นเหตุการณ์ onkeydown และป้อนอักขระพิเศษเช่น!@#$ เพื่อทำความเข้าใจความแตกต่าง
คำใบ้
เบราว์เซอร์ Internet Explorer/Chrome ใช้ Event.keycode เพื่อดึงอักขระที่กดในขณะที่เบราว์เซอร์เช่น NetScape/Firefox/Opera Use Event
มีเพียงตัวเลขเท่านั้นที่ได้รับอนุญาตให้ป้อนโดยใช้เหตุการณ์ OnKeyPress
นี่คือตัวอย่างของการใช้เหตุการณ์ OnKeyPress ที่อนุญาตให้ผู้ใช้ป้อนหมายเลขเฉพาะในฟิลด์ฟอร์ม:
การคัดลอกรหัสมีดังนี้:
<html>
<head>
<script>
ฟังก์ชั่น checknumber (e)
-
var keynum = window.event? E.KeyCode: E. ซึ่ง;
// Alert (Keynum);
var tip = document.getElementById ("เคล็ดลับ");
if ((48 <= keynum && keynum <= 57) || keynum == 8) {
tip.innerhtml = "";
กลับมาจริง;
}อื่น {
tip.innerhtml = "เคล็ดลับ: ป้อนหมายเลขเท่านั้น!";
กลับเท็จ;
-
-
</script>
</head>
<body>
<div> กรุณากรอกหมายเลข: <อินพุต type = "text" onkeypress = "ส่งคืน checkNumber (เหตุการณ์);" -
<span id = "เคล็ดลับ"> </span>
</div>
</body>
</html>
Event.keycode/Event. ซึ่งได้รับค่าตัวเลขที่สอดคล้องกับคีย์ (การเข้ารหัส Unicode) และค่าคีย์ที่ใช้กันทั่วไปจะแสดงอยู่ในส่วนเหตุการณ์ onkeydown ในตัวอย่างค่าของ 8 จะถูกประมวลผลเป็นพิเศษเพื่อรองรับคีย์ backspace ในฟิลด์ข้อความ