jQuery Events

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”