אירועי מגע

ניתן לכתוב יישומים המודעים למגע הפועלים במגוון רחב של מכשירים ניידים דפדפנים לשולחן העבודה המודעים למגע כמעט כאן; היכונו עכשיו הופיע לראשונה ב-Mobile Safari עבור iOS 2.0 ארבעה אירועים בסיסיים: touchstart touchmove touchend touchcancel שדות באובייקט האירוע: touches targetTouches changedTouches מקשי שינוי (shift, alt, ctrl, meta) שדות באובייקט המגע: identifier clientX/Y pageX/Y screenX/Y כעת זהו טיוטה פעילה של W3C עדיין קיימים הבדלים רבים בין ספקים שונים: touchenter / touchleave ( Firefox , Blackberry) gesturestart / gesturechange / gestureend (mobile Safari) MSPointer* / MSGesture* (IE10) התנהגות הדומה ליישום מקורי מכשירים עם שיטות קלט חלופיות תמיכה בריבוי מגע FF6+ תומך באירועי מגע בסגנון W3C IE10 כולל את MSPointer* / MSGesture* אין תמיכה עדיין ב-WebKit השבתת טיפול ברירת מחדל במחוות (החלקה / זום / גלילה) ו-document.body.addEventListener(‘touchmove’, function(event) { event.preventDefault(); }, false); השבתת טיפול ברירת מחדל במחוות (החלקה / זום / גלילה) טיפול בעיבוד בתוך לולאה: var touches = [], // ניתן גם להשתמש ב-requestAnimationFrame() כאן renderLoop = setInterval(function() { draw(touches); // קריאה לפונקציית הציור שלנו }, 15); myElement.addEventListener(‘touchmove’, function(e) { touches = e.touches; }, false); השבתת טיפול ברירת מחדל במחוות (החלקה / זום / גלילה) טיפול בעיבוד בתוך לולאה תמיכה במכשירים עם מגע יחיד (למשל, טלפוני אנדרואיד) השבתת טיפול ברירת מחדל במחוות (החלקה / זום / גלילה) טיפול בעיבוד בתוך לולאה תמיכה במכשירים עם מגע יחיד (למשל, טלפוני אנדרואיד) טיפול באירועי עכבר עבור: טלפונים עם חומרת מצביע פיזית (למשל, מכשירי אנדרואיד רבים) טלפונים ללא אירועי מגע (למשל, Windows Phone 7) דפדפנים לשולחן העבודה ללא תמיכה במגע (למשל, Chrome) השבתת טיפול ברירת מחדל במחוות (החלקה / זום / גלילה) טיפול בעיבוד בתוך לולאה תמיכה במכשירים עם מגע יחיד (למשל, טלפוני אנדרואיד) טיפול באירועי עכבר תמיכה בדפדפנים לשולחן העבודה המאפשרים מגע: Firefox (אירועי מגע בסגנון W3C) IE10 (MSPointer*) @ @ggoodale