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”