การรับค่าการกดแป้นพิมพ์ใน JavaScript

การใช้ object Event สามารถ รับค่าการกดแป้นพิมพ์ได้ มาดูกันว่า ทำอย่างไร สมมติว่าเรามี input:

html<input>

รับ reference ไปยัง input เก็บในตัวแปร:

javascriptlet elem = document.querySelector('input');

เพิ่ม event ให้กับ input ของเรา ที่จะทำงานทุกครั้งที่กดแป้นพิมพ์:

javascriptelem.addEventListener('keypress', function(event) {
  
});

ใน property key ของ object event จะมี ตัวอักษรที่กดอยู่:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

และใน property code จะมี รหัสของแป้นพิมพ์ที่กดอยู่:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});