أحداث اللمس

من الممكن كتابة تطبيقات تدعم اللمس وتعمل على العديد من الأجهزة المحمولة. متصفحات سطح المكتب الداعمة للمس quase متوفرة؛ استعدوا الآن.

ظهرت لأول مرة في Safari المحمول لنظام iOS 2.0.

الأحداث الأربعة الأساسية:

• touchstart
• touchmove
• touchend
• touchcancel

حقول كائن الحدث (Event object):

• touches
• targetTouches
• changedTouches
• مفاتيح التعديل (shift, alt, ctrl, meta)

حقول كائن اللمسة (Touch object):

• identifier
• clientX/Y
• pageX/Y
• screenX/Y

أصبحت الآن مسودة عمل تابعة لـ W3C. لا تزال توجد فروق كثيرة بين المزودين المختلفين:

• touchenter / touchleave (في Firefox و Blackberry)
• gesturestart / gesturechange / gestureend (في Safari المحمول)
• MSPointer* / MSGesture* (في IE10)

سلوك يشبه التطبيقات الأصلية

أجهزة ذات طرق إدخال بديلة. يدعم Firefox الإصدار 6 فما فوق أحداث اللمس بأسلوب W3C. يحتوي IE10 على MSPointer* / MSGesture*. لا يوجد دعم حتى الآن في WebKit.

تعطيل معالجة الإيماءات القياسية (السحب/التكبير/التمرير)

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

وإضافة مستمع للأحداث:

document.body.addEventListener('touchmove', function(event) { event.preventDefault(); }, false);

تعطيل معالجة الإيماءات القياسية (السحب/التكبير/التمرير)

معالجة العرض ضمن حلقة تكرارية:

ذات صلة: Unity Asset Store — الأعمال الفنية والأدوات والقوالب الجاهزة التي تدخل مباشرةً في مشروع Unity الخاص بك.

var touches = [], // يمكن أيضًا استخدام requestAnimationFrame() هنا
renderLoop = setInterval(function() { draw(touches); // استدعاء دالة الرسم الخاصة بنا }, 15);
myElement.addEventListener('touchmove', function(e) { touches = e.touches; }, false);

تعطيل معالجة الإيماءات القياسية (السحب/التكبير/التمرير)

معالجة العرض ضمن حلقة تكرارية. دعم الأجهزة ذات اللمسة الواحدة (مثل هواتف Android).

تعطيل معالجة الإيماءات القياسية (السحب/التكبير/التمرير)

معالجة العرض ضمن حلقة تكرارية. دعم الأجهزة ذات اللمسة الواحدة (مثل هواتف Android). معالجة أحداث الفأرة لما يلي:

• الهواتف المزودة بمؤشر مادي (مثل العديد من أجهزة Android).
• الهواتف التي لا تدعم أحداث اللمس (مثل Windows Phone 7).
• متصفحات سطح المكتب غير الداعمة للمس (مثل Chrome).

تعطيل معالجة الإيماءات القياسية (السحب/التكبير/التمرير)

معالجة العرض ضمن حلقة تكرارية. دعم الأجهزة ذات اللمسة الواحدة (مثل هواتف Android). معالجة أحداث الفأرة. دعم متصفحات سطح المكتب المفعّلة باللمس:

اختيارنا: Udemy Game Development Courses — دورات حسب الطلب تغطي برمجة Unity وUnreal وC++ وC# وshader.

• Firefox (أحداث لمس بأسلوب W3C)
• IE10 (MSPointer*)

@ @ggoodale