تقدم هذه المقالة بشكل أساسي تجميع أحداث اللمس الشائعة التي طورتها محطة HTML5 Mobile. تتوافق كائنات الأحداث من أحداث اللمس بشكل أساسي مع سمات عملية الماوس. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
تمت إضافة العديد من الأحداث الجديدة إلى HTML5 ، ولكن نظرًا لأن مشكلات التوافق الخاصة بها ليست مثالية وتطبيقها ليس عمليًا للغاية ، فقد تم حذفها هنا بشكل أساسي. نحن فقط نشارك الأحداث بتوافق جيد مع تطبيقات واسعة. سنضيفها ونشاركها واحدًا تلو الآخر مع تحسن حالة التوافق في المستقبل. الأحداث التي سأقدمها لك اليوم هي الأحداث التي تلمس بشكل أساسي: TouchStart و TouchMove و Touchend.
في البداية ، تلمس Events TouchStart و TouchMove و Touchend من الأحداث المضافة حديثًا لإصدار iOS من متصفح Safari لنقل بعض المعلومات إلى المطورين. نظرًا لأن جهاز iOS لا يحتوي على الماوس ولا لوحة مفاتيح ، عند تطوير صفحات ويب تفاعلية لمتصفحات سفاري المحمول ، لا يكفي أحداث الماوس ولوحة المفاتيح على الكمبيوتر.
عندما تم إصدار iPhone 3GS ، قدم متصفح Safari الخاص به بعض الأحداث الجديدة المتعلقة بعمليات اللمس. ثم تم تنفيذ الحدث نفسه من قبل المتصفح على Android. سيبدأ حدث اللمس عندما يضع المستخدم إصبعه على الشاشة ، عند الانزلاق على الشاشة ، أو عند الابتعاد عن الشاشة. تم شرح التفاصيل التالية:
حدث TouchStart: يتم تشغيله عندما يلمس الإصبع على الشاشة ، وسيتم تشغيله حتى لو تم وضع إصبع واحد بالفعل على الشاشة.
حدث TouchMove: يطلق بشكل مستمر عندما تنزلق الإصبع على الشاشة. خلال هذا الحدث ، يمكن أن يمنع حدث استدعاء PreventDefault () التمرير.
الحدث اللمس: يتم تشغيله عندما يترك الإصبع الشاشة.
حدث TouchCancel: يتم تشغيله عندما يتوقف النظام عن تتبع اللمس. لا تحدد المستند وقت المغادرة الدقيق لهذا الحدث ، لذلك لا يمكننا تخمينه إلا.
جميع الأحداث المذكورة أعلاه سوف تتلاشى ويمكن إلغاؤها. على الرغم من أن أحداث اللمس هذه غير محددة في مواصفات DOM ، إلا أنها يتم تنفيذها بطريقة متوافقة مع DOM. لذلك ، يوفر كل كائن حدث لمسة سمات شائعة في ممارسة الماوس: الفقاعات (نوع حدث الفقاعة) ، قابلة للإلغاء (سواء كان الإجراء الافتراضي المرتبط بالحدث يمكن إلغاؤه باستخدام طريقة PreventDefault () ، العميل (إرجاع الإحداثيات الفائقة (الإرجاع ". الإحداثيات الأفقية لمؤشر الماوس عندما يتم تشغيل الحدث) ، والشاشة (إرجاع الإحداثيات الرأسية لمؤشر الماوس عندما يتم تشغيل الحدث). بالإضافة إلى خصائص DOM الشائعة ، تحتوي أحداث اللمس أيضًا على السمات الثلاث التالية لتتبع اللمس.
اللمسات: مجموعة من كائنات اللمس التي تمثل عملية اللمس التي تم تتبعها حاليًا.
TargetTouches: مجموعة من كائنات اللمس الخاصة بهدف الحدث.
Changetouches: مجموعة من كائنات اللمس التي تمثل ما تغير منذ اللمسة الأخيرة.
يحتوي كل كائن اللمس على الخصائص التالية.
ClientX: المس الإحداثيات X للهدف في منفذ العرض.
العميل: المس الإحداثي y للهدف في منفذ العرض.
المعرف: المعرف الفريد الذي يحدد اللمس.
Pagex: المس إحداثي X للهدف في الصفحة.
Pagey: المس الإحداثي y للهدف في الصفحة.
ScreenX: المس الإحداثيات X للهدف في الشاشة.
الشاشة: المس الإحداثي y للهدف في الشاشة.
الهدف: لمس هدف عقدة DOM.
تحتوي كل نقطة اتصال على معلومات اللمس التالية (شائعة الاستخدام):
المعرف: القيمة التي تحدد بشكل فريد الإصبع الحالي في جلسة اللمس. بشكل عام ، يبدأ رقم التدفق من 0 (Android4.1 ، UC)
الهدف: عنصر DOM ، هو الهدف الذي يستهدفه الإجراء.
pagex/pagex/clientx/clienty/screenx/screeny: قيمة ، حيث تحدث الإجراء على الشاشة (تحتوي الصفحة على مسافة التمرير ، لا تحتوي العميل على مسافة التمرير ، وتستند الشاشة على الشاشة).
RADIUSX/RADIUSY/RONTINALLANGE: ارسم القطع الناقص تقريبًا ما يعادل شكل إصبع ، وزاوية نصف قطر وزاوية الدوران على التوالي. لا يدعمه متصفح الاختبار الأولي ، ولكن لحسن الحظ ، لا تستخدم الوظائف بشكل شائع ، لذلك كل شخص مرحب به في التعليقات.
أمثلة صغيرة لعمليات JavaScript:
رمز JavaScript محتوى نسخ إلى الحافظة