Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

รันสคริปต์เมื่อผู้ใช้กดปุ่มคีย์บอร์ดใน HTML

ใช้แอตทริบิวต์ onkeydown เหตุการณ์ onkeydown จะทำงานเมื่อผู้ใช้กำลังกดปุ่มคีย์บอร์ดอยู่

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อรันสคริปต์เมื่อกดปุ่ม:

<!DOCTYPE html> 
<html> 
  <body> 
    <p>กดปุ่มภายในกล่องข้อความ</p> 
    <input type="text" onkeydown="display()"> 
    <script> 
      function display() { 
        alert("คุณกดปุ่มคีย์บอร์ด!"); 
      } 
    </script> 
  </body> 
</html>

เหตุการณ์คีย์บอร์ดที่เกี่ยวข้อง:

  • onkeydown - เมื่อกดปุ่มลง (ทำงานซ้ำหากค้างไว้)
  • onkeypress - เมื่อกดปุ่มที่สร้างตัวอักษร (Deprecated)
  • onkeyup - เมื่อปล่อยปุ่ม

แนะนำ: ใช้ addEventListener('keydown', handler) แทน inline event handlers เพื่อแยก HTML/JS และรองรับหลาย listener