ความรู้เบื้องต้นเกี่ยวกับ เหตุการณ์ที่ใช้กับ JavaScript

คุณสมบัติของเหตุการณ์ Event 

ความรู้เบื้องต้นเกี่ยวกับ เหตุการณ์ที่ใช้กับ JavaScript

คุณสมบัติของเหตุการณ์ Event 

คือ เหตุการณ์ที่เกิดจากผู้ใช้งานกระทำการต่างๆ เช่น การคลิก, คลิกซ้าย, คลิกขวา, เลื่อนเมาส์ผ่านจุดที่กำหนด โดยมีแท็กและคำอธิบายดังตารางต่อไปนี้

ตาราง : แท็ก สนับสนุนคุณลักษณะเหตุการณ์ต่อไปนี้:

คุณลักษณะ	คำอธิบาย
onblur	สคริปต์ที่จะทำงานเมื่อองค์ประกอบสูญเสียโฟกัส
OnClick	สคริปต์ที่จะทำงานเกี่ยวกับการคลิกเมาส์
ondblclick	สคริปต์ที่จะทำงานเกี่ยวกับเมาส์ดับเบิลคลิกที่
onfocus	สคริปต์ที่จะทำงานเมื่อองค์ประกอบได้รับการโฟกัส
onmousedown	สคริปต์ที่จะทำงานเมื่อปุ่มเมาส์ถูกกด
onmousemove	สคริปต์ที่จะทำงานเมื่อตัวชี้เมาส์จะย้าย
onmouseover	สคริปต์ที่จะทำงานเมื่อตัวชี้เมาส์จะย้ายมากกว่าองค์ประกอบ
onmouseup	สคริปต์ที่จะทำงานเมื่อปุ่มเมาส์จะถูกปล่อยออกมา
onkeydown	สคริปต์ที่จะทำงานเมื่อมีการกดคีย์
onkeypress	สคริปต์ที่จะทำงานเมื่อคีย์ถูกกดและปล่อย
onkeyup	สคริปต์ที่จะทำงานเมื่อคีย์ถูกปล่อย

JavaScript OnLoad

JavaScript OnLoad คือเหตุการณ์ที่เกิดหลังจากที่มีการโหลดข้อมูลหรือคอนโทรลนั้นสมบูรณ์แล้ว

Html Tags ที่สามารถใส่ Event OnLoad

ตัวอย่าง

JavaScript OnClick

JavaScript OnClick คือเหตุการณ์ที่เกิดจากการคลิกเมาส์ โดยตัวอย่าง นี้จะเป็นการใช้คำสั่ง JavaScript OnClick เพื่อเรียกคำสั่งภายใน Page หรือ Link ที่มีการเชื่องโยง เมื่อผู้ใช้งานคลิกแท็ก Tag ที่เกิดจากการคลิก

Syntax

HTML Tag Element ที่สามารถใส่ Event OnClick

SampleOnClick.html

ผลลัพธ์ เมื่อคลิกที่ ปุ่ม Button จะแสดง popup ข้อความ 

ผลลัพธ์  เมื่อคลิกที่ ตารางที่มีข้อความ Edit & Bg Color