การจัดการเหตุการณ์ประเภทต่างๆ ใน JavaScript

นอกจากคลิกบนองค์ประกอบแล้ว ยังมีเหตุการณ์ ประเภทอื่นๆ อีกด้วย ตัวอย่างเช่น การใช้เหตุการณ์ dblclick สามารถตรวจจับการดับเบิลคลิกบนองค์ประกอบได้ การใช้เหตุการณ์ mouseover - การเลื่อนเมาส์มาวาง บนองค์ประกอบ และการใช้เหตุการณ์ mouseout - การเลื่อนเมาส์ออกจากองค์ประกอบ

ในขณะเดียวกัน องค์ประกอบหนึ่งๆ สามารถติดตั้ง ตัวจัดการสำหรับเหตุการณ์หลายประเภทได้ ตัวอย่างเช่น ลองติดตั้งการตอบสนองต่อการเลื่อนเมาส์มาวาง และการตอบสนองต่อการเลื่อนเมาส์ออก ให้กับองค์ประกอบเดียวกัน:

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});