TouchEvent touches คุณสมบัติ

เหตุการณ์ DOM TouchEvent

คำนิยามและการใช้งาน

ตัวแปร touches ส่งผลคืนแบบตัวเลือกเก็บเกี่ยวกับ Touch ตัวเลือกที่มีการสัมผัสกับพื้นที่ปัจจุบัน ในแต่ละองค์มือมีตัวเลือกเดียว

หมายเหตุ：คุณสมบัตินี้เป็นอัตรายะละเอียด

ตัวอย่าง

ตัวอย่าง 1

ตรวจสอบจำนวนนิ้วที่สัมผัสพื้นที่:

function countTouches(event) {
  var x = event.touches.length;
}

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

ตัวอย่าง 2

ส่งกลับตำแหน่ง x และ y ของทูช์:

function showCoordinates(event) {
  var x = event.touches[0].clientX;
  var y = event.touches[0].clientY;
}

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

การเขียนรหัส

event.touches

รายละเอียดเทคนิค

ค่าที่กลับมา: ตัวเลขของ Touch วัตถุ

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางบอกว่าอุปกรณ์เว็บบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้

คุณสมบัติ Chrome IE Firefox Safari Opera
touches 22 สนับสนุน 52 ไม่สนับสนุน ไม่สนับสนุน

หน้าที่เกี่ยวข้อง

คู่มือ HTML DOM :TouchEvent targetTouches รายละเอียด

เหตุการณ์ DOM TouchEvent