Events คือเหตุการณ์ที่แสดงถึงความแม่นยำเมื่อมีการกระทำบางอย่าง เช่น เลื่อนเมาส์ไปที่ element , คลิกที่ element , กดปุ่มต่างๆ เป็นต้น
ตาราง Events ทั่วไป
Mouse Events | Keyboard Events | Form Events | Document/Window Events |
---|---|---|---|
click | keypress | submit | load |
dblclick | keydown | change | resize |
mouseenter | keyup | focus | scroll |
mouseleave | blur | unload |
ตัวอย่างการใช้งาน Events
1.click
$(document).ready(function(){ $("p").click(function(){ alert('Hello World'); }); });
ไฟล์ที่ 1 click events
จากไฟล์ที่ 1 สามารถอธิบายได้ว่า เมื่อมีการคลิกให้ทำการแสดงป๊อบอัพข้อความว่า “Hello World”
2.dblclick
$(document).ready(function(){ $("p").dblclick(function(){ alert('Hello World'); }); });
ไฟล์ที่ 2 dbclick events
จากไฟล์ที่ 2 สามารถอธิบายได้ว่า เมื่อมีการคลิก 2 ครั้งให้ทำการแสดงป๊อบอัพข้อความว่า “Hello World”