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 เราจะทำอย่างนี้ครับตารางสรุป 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".
ไม่มีความคิดเห็น:
แสดงความคิดเห็น