วิธีตรวจจับการกดปุ่ม

สารบัญ:

วิธีตรวจจับการกดปุ่ม
วิธีตรวจจับการกดปุ่ม

วีดีโอ: วิธีตรวจจับการกดปุ่ม

วีดีโอ: วิธีตรวจจับการกดปุ่ม
วีดีโอ: การสร้างคำสั่ง ในการกดปุ่ม enter แทน ปุ่ม Tab 2024, อาจ
Anonim

JavaScript เป็นภาษาสคริปต์เชิงวัตถุ มักใช้เพื่อกำหนดปฏิกิริยาของหน้าเว็บต่อการกระทำของผู้ใช้โดยทางโปรแกรม การมีอยู่ของจาวาสคริปต์บนหน้านั้นมีภาระเล็กน้อยกับวอลุ่ม ดังนั้นจึงไม่แนะนำให้ใช้โครงสร้างแบบเป็นโปรแกรมที่ซับซ้อน

วิธีตรวจจับการกดปุ่ม
วิธีตรวจจับการกดปุ่ม

จำเป็น

สิทธิ์ของผู้ดูแลระบบ

คำแนะนำ

ขั้นตอนที่ 1

เพื่อรับรู้เมื่อกดปุ่มคีย์บอร์ด เหตุการณ์ onkeydown ซึ่งเป็นส่วนหนึ่งของหน้า จะถูกใช้ในแท็กเนื้อหา ตรรกะในการเขียนโค้ดสำหรับเหตุการณ์นี้ค่อนข้างง่าย และค่าในเครื่องหมายคำพูดสามารถเป็นได้ทั้งโค้ดแบบสแตนด์อะโลนหรือการเรียกใช้ฟังก์ชัน ในการตั้งค่าการตอบสนองต่อการกดปุ่มในรูปแบบของข้อความ ให้เขียนรหัสต่อไปนี้: เนื้อหา ในกรณีนี้การแจ้งเตือน () /

ขั้นตอนที่ 2

ในการพิจารณาว่ากดปุ่มใด คุณต้องพิมพ์รหัสต่อไปนี้: เนื้อหา ข้อมูลโค้ดนี้อ้างอิงถึงอ็อบเจ็กต์เหตุการณ์หรือให้เรียกอีกอย่างว่าคุณสมบัติ keyCode ซึ่งส่งคืนรหัสตัวเลขของปุ่มที่กด หากคุณจำเป็นต้องกำหนดว่าคีย์ใดถูกกดบนไซต์ ให้รวมโค้ดนี้ไว้ในหน้าเว็บที่ควรดำเนินการทั้งหมดนี้

ขั้นตอนที่ 3

ในการจดจำแป้นพิมพ์ลัด คุณต้องทำให้โค้ดซับซ้อนขึ้นเล็กน้อยโดยเพิ่มเงื่อนไข: เนื้อหา นั่นคือหากรหัสของปุ่มที่กดตรงกับ "71" ข้อความตัวอักษร "Ctrl + G" ควรถูกส่งออก โดยปกติ แทนที่จะใช้ฟังก์ชันแจ้งเตือน คุณสามารถเขียนปฏิกิริยาของคุณเองได้ ตามกฎแล้ว นักออกแบบเว็บไซต์ทุกคนจะพยายามปรับการกำหนดค่าไซต์ให้เหมาะสมกับความต้องการของตน ดังนั้นวิธีการแสดงผลจึงแตกต่างไปจากเดิมอย่างสิ้นเชิง

ขั้นตอนที่ 4

นอกจากนี้ยังมีตัวจัดการ onkeypress ใน javascript ซึ่งมีจุดประสงค์คล้ายกัน ความแตกต่างที่สำคัญของตัวจัดการนี้คือ เพื่อให้เหตุการณ์นี้เกิดขึ้น (และการตอบสนองที่ตามมาของตัวจัดการ) จะต้องไม่เพียงกดปุ่มเท่านั้น แต่ยังต้องปล่อยด้วย