ui/jquery.ui.interaction.js

@@ -81,4 +81,134 @@ interaction.hooks.mouse = {
 	}
 };
 
+// WebKit doesn't support TouchList.identifiedTouch()
+function getTouch( event ) {
+	var touch,
+		touches = event.originalEvent.changedTouches,
+		i = 0, length = touches.length;
+
+	for ( ; i < length; i++ ) {
+		if ( touches[ i ].identifier === touchHook.id ) {
+			return touches[ i ];
+		}
+	}
+}
+
+var touchHook = interaction.hooks.touch = {
+	setup: function( widget, start ) {
+		widget._bind({
+			"touchstart": function( event ) {
+				var touch;
+
+				if ( touchHook.id ) {
+					return;
+				}
+
+				touch = event.originalEvent.changedTouches.item( 0 );
+				touchHook.id = touch.identifier;
+
+				event.preventDefault();
+				start( event, {
+					left: touch.pageX,
+					top: touch.pageY
+				});
+			}
+		});
+	},
+
+	handle: function( widget ) {
+		function touchmove( event ) {
+			// TODO: test non-Apple WebKits to see if they allow
+			// zooming/scrolling if we don't preventDefault()
+			var touch = getTouch( event );
+			if ( !touch ) {
+				return;
+			}
+
+			event.preventDefault();
+			widget._interactionMove( event, {
+				left: touch.pageX,
+				top: touch.pageY
+			});
+		}
+
+		function touchend( event ) {
+			var touch = getTouch( event );
+			if ( !touch ) {
+				return;
+			}
+
+			widget._interactionStop( event, {
+				left: touch.pageX,
+				top: touch.pageY
+			});
+			touchHook.id = null;
+			widget.document
+				.unbind( "touchmove", touchmove )
+				.unbind( "touchend", touchend );
+		}
+
+		widget._bind( widget.document, {
+			"touchmove": touchmove,
+			"touchend": touchend
+		});
+	}
+};
+
+// TODO: test mouse, pen
+var pointerHook = interaction.hooks.msPointer = {
+	setup: function( widget, start ) {
+		widget._bind({
+			"MSPointerDown": function( event ) {
+				if ( pointerHook.id ) {
+					return;
+				}
+
+				pointerHook.id = event.originalEvent.pointerId;
+				event.originalEvent.preventManipulation();
+				start( event, {
+					left: event.pageX,
+					top: event.pageY
+				});
+			}
+		});
+	},
+
+	handle: function( widget ) {
+		function pointermove( event ) {
+			// always prevent manipulation to avoid zooming/scrolling
+			event.originalEvent.preventManipulation();
+
+			if ( event.originalEvent.pointerId !== pointerHook.id ) {
+				return;
+			}
+
+			widget._interactionMove( event, {
+				left: event.pageX,
+				top: event.pageY
+			});
+		}
+
+		function pointerup( event ) {
+			if ( event.originalEvent.pointerId !== pointerHook.id ) {
+				return;
+			}
+
+			widget._interactionStop( event, {
+				left: event.pageX,
+				top: event.pageY
+			});
+			pointerHook.id = null;
+			widget.document
+				.unbind( "MSPointerMove", pointermove )
+				.unbind( "MSPointerUp", pointerup );
+		}
+
+		widget._bind( widget.document, {
+			"MSPointerMove": pointermove,
+			"MSPointerUp": pointerup
+		});
+	}
+};
+
 })( jQuery );