เมื่อฉันเริ่มทำงานในหน้าส่วนหน้าฉันก็ติดต่อกับ JS แต่จากนั้นฉันก็ถูกดึงดูดโดย jQuery ที่เรียบง่ายและมีประสิทธิภาพและเคยใช้มาจนถึงทุกวันนี้
และ JS ถูกทอดทิ้งโดยมุมมองส่วนตัวของฉันเกี่ยวกับเทคโนโลยีพื้นฐาน
จนถึงทุกวันนี้ฉันต้องศึกษาเหตุการณ์การเลื่อนหน้าจอสัมผัสของหน้ามือถือ เป็นเรื่องยุ่งยากในการค้นหาการสนับสนุนทางเทคนิคที่สอดคล้องกันของ jQuery (แน่นอนอาจเป็นได้ว่าฉันไม่มีความเข้าใจเกี่ยวกับ jQuery มากพอ) และ JS ต้องการเพียงไม่กี่ขั้นตอนในการกำหนดมันง่ายๆ
เนื่องจากฉันรู้เพียงเล็กน้อยเกี่ยวกับ JS ฉันได้ลองใช้แอปพลิเคชันที่ง่ายที่สุดมานาน ... มาแบ่งปันการอ้างอิงที่แท้จริงกับเหตุการณ์การสัมผัสของ JS:
$ (function () {document.addeventListener ("touchmove", _touch, false);}) ฟังก์ชั่น _touch (เหตุการณ์) {Alert (1);};รหัสข้างต้นใช้บางสิ่งใน jQuery อย่างหลีกเลี่ยงไม่ได้และผู้ที่ไม่ได้ใช้ jQuery สามารถเพิกเฉยได้
เหตุการณ์ที่เกี่ยวข้องคือ:
TouchStart: ทริกเกอร์เมื่อนิ้วสัมผัสหน้าจอ; ทริกเกอร์แม้ว่าจะวางนิ้วเดียวบนหน้าจอแล้ว
TouchMove: ทริกเกอร์อย่างต่อเนื่องเมื่อนิ้วเลื่อนบนหน้าจอ ในระหว่างเหตุการณ์นี้การโทร PreventDefault () ป้องกันการเลื่อน
Touchend: ทริกเกอร์เมื่อนิ้วถูกลบออกจากหน้าจอ
TouchCancel: ทริกเกอร์เมื่อระบบหยุดติดตามการสัมผัส เหตุการณ์ทริกเกอร์ที่แน่นอนสำหรับเหตุการณ์นี้ไม่ได้ระบุไว้อย่างชัดเจนในเอกสาร
แอตทริบิวต์ต่อไปนี้มีอยู่ในวัตถุเหตุการณ์ของเหตุการณ์ข้างต้น:
สัมผัส: อาร์เรย์ของวัตถุสัมผัสที่แสดงถึงการดำเนินการสัมผัสที่ติดตามในปัจจุบัน
TargetTouches: อาร์เรย์ของวัตถุสัมผัสที่เฉพาะเจาะจงกับเป้าหมายเหตุการณ์
Changetouches: อาร์เรย์ของวัตถุสัมผัสที่แสดงถึงสิ่งที่เปลี่ยนแปลงไปตั้งแต่การสัมผัสครั้งสุดท้าย
แต่ละวัตถุสัมผัสมีคุณสมบัติต่อไปนี้:
clientx: แตะพิกัด X ของเป้าหมายใน Viewport
ลูกค้า: แตะพิกัด y ของเป้าหมายในวิวพอร์ต
ตัวระบุ: แสดงถึง ID ที่ไม่ซ้ำกันของการสัมผัส
PAGEX: แตะพิกัด X ของเป้าหมายในหน้า
Pagey: แตะพิกัด Y ของเป้าหมายในหน้า
ScreenX: แตะพิกัด X ของเป้าหมายในหน้าจอ
Screeny: แตะพิกัด Y ของเป้าหมายในหน้าจอ
เป้าหมาย: แตะที่พิกัดโหนด DOM
ฉันเพิ่งเริ่มเรียนรู้ดังนั้นฉันจะเขียนคุณลักษณะบางอย่างจาก Baidu ก่อน