ตัวอย่างโค้ด
<!DOCTYPE html> <html> <head> <h1>Trigger Button Click on Enter Example</h1> <input id="inputField" value="Some text.." /> <button id="alertBtn" onclick="alert('Button has been clicked')"> Button </button> <h2> กดปุ่ม "Enter" ภายในช่องกรอกข้างบนเพื่อทริกเกอร์ปุ่ม </h2> <script> var inputText = document.getElementById("inputField"); inputText.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); document.getElementById("alertBtn").click(); } }); </script> </body> </html>
ผลลัพธ์
โค้ดข้างต้นจะให้ผลลัพธ์ดังนี้ -
เมื่อพิมพ์ข้อความในช่องแล้วกด Enter -
