เหตุการณ์ JavaScript OnKeydown
เหตุการณ์ onkeydown จะถูกทริกเกอร์เมื่อผู้ใช้กดปุ่มแป้นพิมพ์ ซึ่งแตกต่างจากเหตุการณ์ onkeypress เหตุการณ์ onkeydown เป็นกระบวนการที่ตอบสนองต่อการกดปุ่มใด ๆ (รวมถึงปุ่มฟังก์ชั่น) และเหตุการณ์ onkeypress จะตอบสนองต่อกระบวนการที่เกิดขึ้นหลังจากการกดปุ่มอักขระ
คำใบ้
เบราว์เซอร์ Internet Explorer/Chrome ใช้ Event.keycode เพื่อดึงอักขระที่กดในขณะที่เบราว์เซอร์เช่น NetScape/Firefox/Opera Use Event
onkeydown รับคีย์ที่กดโดยผู้ใช้
ต่อไปนี้เป็นตัวอย่างของการใช้เหตุการณ์ onkeydown เพื่อรับข้อมูลเกี่ยวกับผู้ใช้ที่กดปุ่มคีย์บอร์ด:
การคัดลอกรหัสมีดังนี้:
<html>
<body>
<script type = "text/javascript">
ฟังก์ชั่น nonumbers (e)
-
var keynum;
var keychar;
keynum = window.event? E.KeyCode: E. ซึ่ง;
keychar = string.fromCharcode (keynum);
การแจ้งเตือน (keynum+':'+keychar);
-
</script>
<อินพุต type = "text" onkeydown = "return nonumbers (เหตุการณ์)" />
</body>
</html>
ดังที่แสดงในตัวอย่างข้างต้น Event.keycode/Event ซึ่งได้รับค่าตัวเลขที่สอดคล้องกับคีย์ (การเข้ารหัส Unicode) และค่าคีย์ที่ใช้กันทั่วไปสอดคล้องกับสิ่งต่อไปนี้:
| ค่าตัวเลข | ค่าคีย์จริง |
|---|---|
| 48 ถึง 57 | 0 ถึง 9 |
| 65 ถึง 90 | A ถึง Z (A ถึง Z) |
| 112 ถึง 135 | F1 ถึง F24 |
| 8 | backspace (backspace) |
| 9 | แท็บ |
| 13 | เข้า |
| 20 | CAPS_LOCK (CAPS LOCK) |
| 32 | Space (Space Bar) |
| 37 | ซ้าย (ลูกศรซ้าย) |
| 38 | ขึ้น (ขึ้นลูกศร) |
| 39 | ขวา (ลูกศรขวา) |
| 40 | ลง (ลูกศรลง) |
ในเว็บแอปพลิเคชันคุณมักจะเห็นตัวอย่างของการใช้งาน Event.keycode/Event ซึ่งเป็นเหตุการณ์ OnKeydown เพื่อรับการดำเนินการแป้นพิมพ์บางอย่างของผู้ใช้ดังนั้นจึงเรียกใช้แอปพลิเคชันบางอย่าง หากกดปุ่ม Caps Lock (20) เมื่อผู้ใช้เข้าสู่ระบบมันจะแจ้งให้ล็อคเงินทุน; หากผู้ใช้กดลูกศรซ้ายและขวามันจะทริกเกอร์หน้าเปิดขึ้นและลง ฯลฯ
หลังจากได้รับค่าที่เข้ารหัส Unicode หากคุณต้องการรับค่าคีย์ที่สอดคล้องกันจริงคุณสามารถรับได้ผ่านวิธี FromCharcode ของวัตถุ SRRING (String.FromCharcode ()) โปรดทราบว่าอักขระนั้นเป็นตัวพิมพ์ใหญ่เสมอในขณะที่คีย์ฟังก์ชันอื่น ๆ อักขระที่ได้รับอาจไม่ง่ายต่อการอ่าน
PS: ที่นี่ฉันขอแนะนำเครื่องมือค้นหาออนไลน์เกี่ยวกับเหตุการณ์ JS ซึ่งสรุปประเภทเหตุการณ์ที่ใช้กันทั่วไปและฟังก์ชั่นฟังก์ชั่นของ JS:
รายการเหตุการณ์และฟังก์ชั่น JavaScript ทั้งหมด:
http://tools.vevb.com/table/javascript_event