تصف هذه المقالة أحداث JavaScript في شاشة اللمس. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
1. لمس الأحداث
OnTouchstart
ontouchmove
OnTouchend
يدعم OnTouchCancel حاليًا هذه الأحداث الأربعة ، بما في ذلك IE. نظرًا لأن شاشات اللمس تدعم أيضًا mouseevent ، يجب ملاحظة طلبها:
الأمثلة على النحو التالي:
/*** ontouchevent*/var div = document.getElementById ("div") ؛ // touchstart يشبه mousedowndiv.ontouchStart = function (e) {// سمة اللمس من خلال اللمس ، حيث يكون هناك بعض اللمس ، حيث يكون هناك القليل من الإشارة إلى اللمس ، حيث يكون هناك مجرد مشاركة في الوقت الحالي. e.touches [0] ؛ // احصل على إحداثيات نقطة اللمس الحالية ، والتي تعادل clientx/clientyvar x = touch.clientx ؛ var y = touch.clienty ؛} ؛ التمرير ، إلخ.2. تشير إيماءات أحداث الإيماءات إلى استخدام اللمسات المتعددة للتدوير والتمدد وغيرها من العمليات ، مثل توسيع وتناوب الصور وصفحات الويب. يتم تشغيل حدث لفتة عندما يتعين على اثنين أو أكثر من الإصبع للمس في نفس الوقت. أحد الأشياء التي نحتاجها إلى الانتباه إلى التحجيم هي إحداثيات الموضع للعناصر: عادةً ما نستخدم الإزاحة ، و getBoundingClientRect وطرق أخرى للحصول على إحداثيات الموضع للعناصر ، ولكن في متصفحات الهاتف المحمول ، غالبًا ما يتم تحجيم الصفحة أثناء الاستخدام ، وكذلك الإحداثيات لتغيير العنصر المقوس؟ الجواب هو أن هناك اختلافات. استخدم سيناريو لتوضيح هذه المشكلة: بعد تحميل الصفحة A ، يحصل JavaScript على إحداثيات العنصر في المستند كـ (100،100) ، ثم يقوم المستخدم بتوسيع الصفحة. في هذا الوقت ، يقوم JavaScript بتنسيق العنصر مرة أخرى ، ولا يزال (100،100) ، ولكن سيتم تعويض منطقة الاستجابة للعنصر على الشاشة وفقًا لنسبة التحجيم. يمكنك فتح العرض التوضيحي لعبة لعب الطوب ، ثم التكبير بعد تحميل الصفحة بالكامل. في هذا الوقت ، ستجد أنه حتى لو تلمس إصبعك خارج منطقة "اللمس هنا" ، يمكنك التحكم في لوحة الكرة لأن المنطقة تعوض. ستكون الإزاحة موجودة دائمًا ما لم يتم تحديث الصفحة أو استعادة التكبير.
/*** ongestureevent*/var div = document.getElementById ("div") ؛ div.ongestuRechange = function (e) {// scale يمثل مقياس التحجيم الذي تم إنشاؤه بواسطة الإيماءة. أقل من 1 يتقلص ، وأكبر من 1 هو توسيع. في الأصل 1VAR مقياس = e.scale ؛ // تمثل الدوران زاوية لفتة الدوران ، فاصل القيمة [0،360] ، تدور القيمة الإيجابية في اتجاه عقارب الساعة ، القيمة السلبية في اتجاه عقارب الساعة = e.rotation ؛} ؛3. استشعار الجاذبية استشعار الجاذبية أبسط ، تحتاج فقط إلى إضافة حدث onorientationchange إلى عقدة الجسم. في هذا الحدث ، يتم الحصول على القيمة التي تمثل اتجاه الهاتف الحالي من خاصية window.oriteration. قائمة قيمة window.orialitation هي كما يلي:
0: بما يتفق مع الاتجاه عندما تم تحميل الصفحة لأول مرة
-90: تحولت في اتجاه عقارب الساعة بمقدار 90 درجة نسبة إلى الاتجاه الأصلي
180: تحول 180 درجة
90: تحول 90 درجة في اتجاه عقارب الساعة. وفقًا لاختباراتي ، لا يدعم Android 2.1 استشعار الجاذبية بعد. ما سبق هو أحداث الشاشة الحالية. لم يتم دمج هذه الأحداث في المعيار ، ولكن تم استخدامها على نطاق واسع. لدي Android 2.1 ، لم يتم اختباره في بيئات أخرى.
ملاحظة: نحن هنا نوفر لك أداة عبر الإنترنت حول أحداث JS ، والتي تلخص أنواع الأحداث الشائعة الاستخدام ووظائف JS:
قائمة كاملة من أحداث ووظائف JavaScript:
http://tools.vevb.com/table/javaScript_event
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.