JavaScript ดัก enter เช็คว่ากด enter ด้วย e.keyCode

JavaScript ดัก enter เช็คว่ากด enter ด้วย e.keyCode บทความนี้สอนเขียน JavaScript เพื่อดักการกดปุ่ม enter จากผู้ใช้งาน ด้วย e.keyCode ร่วมกับ onkeypress และข้อมูลออกสู่ alert สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ดัก enter เช็คว่ากด enter ด้วย e.keyCode

<input type="text" onkeypress="return enter(event)" />

<script>
function enter(e) {
    if ( e.keyCode == 13 ) {
        alert("คุณกด Enter");
        return false;
    }
}
</script>

ผลลัพธ์

คุณกด Enter

JavaScript ดัก enter เช็คว่ากด enter ด้วย e.keyCode มีรายละเอียดดังนี้

1. ใช้คำสั่ง onkeypress ดักจับเมื่อผู้ใช้งานกดปุ่มภายใน TextBox ดังกล่าว จะเรียกใช้ฟังก์ชัน enter พร้อมส่ง event เข้าไปเป็นค่า parameter

2. ภายในฟังก์ชัน enter ใช้คำสั่ง if ( e.keyCode == 13 ) เช็คว่าถ้ารหัสปุ่มที่ผู้ใช้งานกดเข้ามาเป็น 13 คือ ปุ่ม enter ให้แสดง alert พร้อมข้อความ "คุณกด Enter" และ return false เพื่อให้หยุดการทำงาน