อีเวนต์ change ใน JavaScript

ในบทเรียนนี้ เราจะมาศึกษาเกี่ยวกับอีเวนต์ change ซึ่งเกิดขึ้นในช่องป้อนข้อมูล เมื่อมีการเปลี่ยนแปลง คือนัยอย่างไร? สมมติว่า คุณมีอินพุตและมีข้อความบางอย่างอยู่ในนั้น หากคุณเปลี่ยนข้อความนั้น นั่นคือเวลาที่อีเวนต์นี้จะเกิดขึ้น

ลองดูตัวอย่าง สมมติเรามีอินพุต:

html<input id="elem" value="text">

ลองให้เมื่อมีการเปลี่ยนแปลง ให้แสดงค่าใหม่ ของมันในคอนโซล:

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

elem.addEventListener('change', function() {
  console.log(this.value);
});