เหตุการณ์touchmove
ตัวอย่าง
เรียกใช้ JavaScript เมื่อผู้ใช้เลื่อนนิ้วไปเหนือองค์ประกอบ P (สำหรับหน้าจอสัมผัสเท่านั้น):
<p ontouchmove="myFunction(event)">Touch me!</p>
ความหมายและการใช้งาน
เหตุการณ์ touchmove เกิดขึ้นเมื่อผู้ใช้เลื่อนนิ้วผ่านหน้าจอ
เหตุการณ์ touchmove จะถูกทริกเกอร์หนึ่งครั้งสำหรับการเคลื่อนไหวแต่ละครั้ง และจะยังคงทำงานต่อไปจนกว่าจะปล่อยนิ้ว
หมายเหตุ:เหตุการณ์ touchmove จะทำงานบนอุปกรณ์ที่มีหน้าจอสัมผัสเท่านั้น
เคล็ดลับ:กิจกรรมอื่นๆ ที่เกี่ยวข้องกับเหตุการณ์ touchmove คือ:
- touchstart - เกิดขึ้นเมื่อผู้ใช้สัมผัสหน้าจอ
- touchend - เกิดขึ้นเมื่อผู้ใช้เอานิ้วออกจากองค์ประกอบ
- touchcancel - เกิดขึ้นเมื่อการสัมผัสถูกขัดจังหวะ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
touchmove | 22.0 | 12.0 | 52 | Not supported | Not supported |
ไวยากรณ์
ใน HTML:
<element ontouchmove="myScript">
ในจาวาสคริปต์:
object.ontouchmove = myScript;
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("touchmove", myScript);
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ใช่ |
ประเภทเหตุการณ์: | TouchEvent |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |