ชนิดของอีเวนต์ (DOM EVENT TYPES)

พอดีผมเข้าไปเรียนในเว็บไซต์ Khanacademy ในคอร์ส HTML/JS: MAKING WEBPAGES INTERACTIVE เรียนมาจนถึง DOM event types เห็นว่ามันมีประโยชน์ดีเพราะว่า event types เหล่านี้เป็น event ที่ใช้บ่อยในการเขียน javascript เลยนำมาเขียนเก็บไว้ในบล็อกครับ

ที่จริงมี event อยู่เยอะมากๆ ลิสต์เต็มของมันจะอยู่ที่เว็บไซต์ MDN (Mozilla Developer Network) แต่ว่านี่คือ event types และ event names ที่ใช้บ่อยๆ ครับ

• mouse events (MouseEvent): mousedown, mouseup, click, dblclick, mousemove, mouseover, mousewheel, mouseout, contextmenu
• touch events (TouchEvent): touchstart, touchmove, touchend, touchcancel
• keyboard events (KeyboardEvent): keydown, keypress, keyup
• form events: focus, blur, change, submit
• window events: scroll, resize, hashchange, load, unload

*หมายเหตุ บาง event จะใช้เป็นเฉพาะสำหรับอุปกรณ์นั้นๆ ยกตัวอย่างเช่น touch events จะใช้ได้ในเฉพาะอุปกรณ์ที่สามารถ touch-enabled ได้ อย่างเช่น smartphones และ touch screen laptops

mouse-events ใช้เกือบจะทุก browser แต่บางครั้งก็จะช้ากว่า touch events บน smartphones

“mouseover” event จะไม่ทำงานใน smartphone เพราะว่าบน smartphone ไม่สามารถที่จะ hover over screen ได้นอกจากการแตะหรือสัมผัสลงบนจอ

ที่มา – khanacademy