jQuery Mobile Touch 事件

เหตุการณ์ Touch จะดำเนินการเมื่อผู้ใช้สัมผัสหน้าจอ (หน้าเว็บ)

คำเตือน：เหตุการณ์ Touch ยังเป็นไปได้ที่คอมพิวเตอร์เดสก์ท็อปด้วย: คลิกเมาส์!

jQuery Mobile Tap

เหตุการณ์ tap จะดำเนินการเมื่อผู้ใช้กดบนองค์ประกอบ

ตัวอย่างด้านล่างจะซ่อนองค์ประกอบ <p> ตอนที่เกิดเหตุการณ์ tap

ตัวอย่าง

$("p").on("tap",function(){
  $("this").hide();
});

ลองด้วยตัวเอง

jQuery Mobile Taphold

เหตุการณ์ taphold จะดำเนินการเมื่อผู้ใช้กดบนองค์ประกอบและรักษาความยาวลงเป็นเวลาหนึ่งวินาที

ตัวอย่าง

$("p").on("taphold",function(){
  $("this").hide();
});

ลองด้วยตัวเอง

jQuery Mobile Swipe

เหตุการณ์ swipe จะดำเนินการเมื่อผู้ใช้ลากเฉียงนอกฝั่งขวางเหนือ 30px บนองค์ประกอบเฉพาะใดๆ

ตัวอย่าง

$("p").on("swipe",function(){
  $("span").text("Swipe detected!");
});

ลองด้วยตัวเอง

jQuery Mobile Swipeleft

เหตุการณ์ swipeleft จะดำเนินการเมื่อผู้ใช้ลากด้านซ้ายเหนือ 30px บนองค์ประกอบเฉพาะใดๆ

ตัวอย่าง

$("p").on("swipeleft",function(){
  alert("คุณเลื่อนซ้าย!");
});

ลองด้วยตัวเอง

jQuery Mobile Swiperight

เหตุการณ์ swiperight จะถูกกระตุ้นขึ้นเมื่อผู้ใช้เลื่อนขวาบนองค์ประกอบบางอย่างเกิน 30px:

ตัวอย่าง

$("p").on("swiperight",function(){
  alert("คุณเลื่อนขวา!");
});

ลองด้วยตัวเอง