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”

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: