أحداث اللمس

اكتشف أساسيات العمل مع أحداث اللمس في JavaScript

شاهد المزيد علىأحداث JavaScript

أحداث اللمس هي تلك الأحداث التي يتم تشغيلها عند عرض الصفحة على جهاز محمول ، مثل الهاتف الذكي أو الكمبيوتر اللوحي.

أنها تسمح لك لتتبع أحداث اللمس المتعدد.

لدينا 4 أحداث تعمل باللمس:

  • touchstartبدأ حدث اللمس (تم لمس السطح)
  • touchendانتهى حدث اللمس (لم يعد يتم لمس السطح)
  • touchmoveيتحرك الإصبع (أو أي شيء يلمس الجهاز) فوق السطح
  • touchcancelتم إلغاء حدث اللمس

في كل مرة يحدث فيها حدث اتصال يتم تمرير ملفحدث اللمس:

const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})

فيما يلي جميع الخصائص التي يمكننا الوصول إليها في هذا الحدث

  • identifierمعرّف فريد لهذا الحدث المحدد. تستخدم لتتبع أحداث اللمس المتعدد. نفس الاصبع = نفس المعرف.
  • clientX/clientYإحداثيات x و y لمؤشر الماوس بالنسبة إلى نافذة المتصفح ، بغض النظر عن التمرير
  • screenX/screenYإحداثيات x و y لمؤشر الماوس في إحداثيات الشاشة
  • pageX/pageYإحداثيات x و y لمؤشر الماوس في إحداثيات الصفحة (بما في ذلك التمرير)
  • targetتطرق العنصر

المزيد من دروس المتصفح: