การจัดการเหตุการณ์ประเภทต่างๆ ใน JavaScript
นอกจากคลิกบนองค์ประกอบแล้ว ยังมีเหตุการณ์
ประเภทอื่นๆ อีกด้วย ตัวอย่างเช่น การใช้เหตุการณ์ dblclick
สามารถตรวจจับการดับเบิลคลิกบนองค์ประกอบได้
การใช้เหตุการณ์ mouseover - การเลื่อนเมาส์มาวาง
บนองค์ประกอบ และการใช้เหตุการณ์ mouseout
- การเลื่อนเมาส์ออกจากองค์ประกอบ
ในขณะเดียวกัน องค์ประกอบหนึ่งๆ สามารถติดตั้ง ตัวจัดการสำหรับเหตุการณ์หลายประเภทได้ ตัวอย่างเช่น ลองติดตั้งการตอบสนองต่อการเลื่อนเมาส์มาวาง และการตอบสนองต่อการเลื่อนเมาส์ออก ให้กับองค์ประกอบเดียวกัน:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
กำหนดให้มีปุ่ม เมื่อดับเบิลคลิกบนปุ่มนั้น ให้แสดง ข้อความใดข้อความหนึ่ง
กำหนดให้มีปุ่ม เมื่อเลื่อนเมาส์มาวางบนปุ่ม ให้แสดง ข้อความใดข้อความหนึ่ง
กำหนดให้มีปุ่ม เมื่อเลื่อนเมาส์ออกจากปุ่ม ให้แสดง ข้อความใดข้อความหนึ่ง
กำหนดให้มีปุ่ม เมื่อเลื่อนเมาส์มาวางบนปุ่ม ให้แสดง ข้อความหนึ่ง และเมื่อเลื่อนเมาส์ออกจากปุ่ม - ให้แสดงข้อความอื่น
