Thursday, 7 June 2012

Touch Events for jQuery Mobile

Touch Events บน Mobile และ Tablet มีความแตกต่างจาก Mouse Event อย่างเช่น Click หรือ Double Click สำหรับบน Desktop ที่เราคุ้นเคย ทั้งนี้เนื่องจากว่า Touch Events จะมีการนำ Gesture (ลักษณะการแสดงท่าทาง) มาประยุกต์ใช้งานร่วมด้วย

jQuery Mobile เตรียม Touch Events ไว้ให้เราใช้ ดังต่อไปนี้

Tap

Event นี้จะถูก Generated หลังจากที่มีการแตะแล้วปล่อยอย่างรวดเร็ว (Quick Touch and Lift)

Taphold

Event นี้จะถูก Generated เมื่อนิ้วของเราแตะค้างไว้บน Screen ในระยะเวลาหนึ่ง (ประมาณ 1 วินาที)
 
Swipe

Event นี้จะถูก Generated เมื่อมีการ Drag ตามแนวนอน ประมาณ 30px ไม่ว่าซ้าย หรือขวา

Swipeleft

เหมือนกับ Swipe แต่จะเกิดเฉพาะเมื่อ Drag ไปทางซ้าย

Swiperight

เหมือนกับ Swipe แต่จะเกิดเฉพาะเมื่อ Drag ไปทางขวา


แหล่งที่มา: หนังสือ Beginning PhoneGap ของ Rohit Ghatol และ Yogesh Pate

No comments:

Post a Comment