วันจันทร์ที่ 22 เมษายน พ.ศ. 2556

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 เราจะทำอย่างนี้ครับ
&lt;a href="http://realdev.truehits.net" onmouseover="window.alert('Onmouseover ทำงานแล&#3657;วจ&#3657;า')"&gt; Event Example &lt;/a&gt;
ก็จะได้ผลแบบนี้ครับ ลองเอา mouse pointer ไปทับดูสิ ส่วน 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".

ไม่มีความคิดเห็น:

แสดงความคิดเห็น