Event

Event คืออะไร

          Event ก็คือ Action ต่างๆที่เกิดขึ้นกับส่วนต่างๆในเวบเพจ เช่น เมื่อเราเอา mouse ไปทับตัว link ก็จะเกิด event onmouseover ที่ตัว link พอเอา mouse ออก ก็จะเกิด event onmouseout พอเรา click ก็จะเกิด event onclickเป็นต้น การทำงานของ event ก็จะมีอยู่ 2 ขั้นตอน คือ 1. ตรวจสอบการเกิด event ที่เรากำหนดไว้ 2. เมื่อเกิด event ขึ้น ก็จะไปเรียก function หรือคำสั่งต่างๆมาทำงาน

วิธีการใช้ Event

เราจะใส่ event ลงไปใน tag ของ html เลย เช่น เวลาจะทำตัว link เราใช้ tag <A> ใช่ไหมครับ ถ้าจะทำให้มันมีข้อความ Alert ขึ้นเวลาเอา mouse ไป over เราจะทำอย่างนี้ครับ

<a href="http://realdev.truehits.net" onmouseover="window.alert('Onmouseover ทำงานแล้วจ้า')"> Event Example </a>

ก็จะได้ผลแบบนี้ครับ ลองเอา mouse pointer ไปทับดูสิ

Event Example

ส่วน window.alert() เป็นคำสั่งในการแสดงข้อความครับ

ตารางสรุป event

onAbout	เกิดเมื่อผู้ใช้ยกเลิกการ load ภาพ
onBlur	เกิดเมื่ออ็อบเจกต์นั้นถูกย้าย focus ออกไป
onChange	เกิดเมื่อผู้ใช้เปลี่ยนแปลงค่าในฟอร์มรับข้อมูล
onClick	เกิดเมื่ออ็อบเจ็กต์นั้นถูก click
onError	เกิดเมื่อการ load เอกสารหรือภาพเกิดข้อผิดพลาด
onFocus	เกิดเมื่ออ็อบเจกต์นั้นถูก focus
onLoad	เกิดเมื่อโหลดเอกสารเสร็จ
onMouseover	เกิดเมื่ออ็อบเจกต์นั้นถูกเลื่อน mouse pointer ไปทับ
onMouseout	เกิดเมื่ออ็อบเจกต์นั้นถูกเลื่อน mouse pointer ที่ทับอยู่ออกไป
onSelect	เกิดเมื่อผู้ใช้เลือกข้อความ(ใช้ mouse ลาก)ในช่องรับข้อความ
onSubmit	เกิดเมื่อผู้ใช้ submit แบบฟอร์ม
onUnload	เกิดเมื่อผู้ใช้ออกจากเวบเพจ

การใช้ Event จะต้องใช้ร่วมกับ Object ดังนั้น ตัวอย่างการใช้ Event ต่างๆ จะขอยกไปอธิบายในส่วน "Using Object".