library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Interaction: MSPointer: Prevent mouse event promotion. Properly retrieve x/y coordinates. Handle cancel events.

Browse Source
This commit is contained in:
Scott González 2012-01-11 22:04:41 -05:00
parent a13894672a
commit f09288d18f
1 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
ui/jquery.ui.interaction.js vendored
View File

@ -18,6 +18,11 @@ $.widget( "ui.interaction", {
}, },
_interactionStart: function( event, position, hook ) { _interactionStart: function( event, position, hook ) {
// only one interaction can happen at a time
if ( interaction.started ) {
return;
}
if ( false !== this._start( event, position ) ) { if ( false !== this._start( event, position ) ) {
interaction.started = true; interaction.started = true;
interaction.hooks[ hook ].handle( this ); interaction.hooks[ hook ].handle( this );
@ -155,17 +160,24 @@ var touchHook = interaction.hooks.touch = {
} }
}; };
// TODO: test mouse, pen // TODO: test mouse
var pointerHook = interaction.hooks.msPointer = { var pointerHook = interaction.hooks.msPointer = {
setup: function( widget, start ) { setup: function( widget, start ) {
widget._bind({ widget._bind({
"MSPointerDown": function( event ) { "MSPointerDown": function( _event ) {
var event = _event.originalEvent;
if ( pointerHook.id ) { if ( pointerHook.id ) {
return; return;
} }
pointerHook.id = event.originalEvent.pointerId; // track which pointer is performing the interaction
event.originalEvent.preventManipulation(); pointerHook.id = event.pointerId;
// prevent panning/zooming
event.preventManipulation();
// prevent promoting pointer events to mouse events
event.preventMouseEvent();
start( event, { start( event, {
left: event.pageX, left: event.pageX,
top: event.pageY top: event.pageY
@ -175,11 +187,13 @@ var pointerHook = interaction.hooks.msPointer = {
}, },
handle: function( widget ) { handle: function( widget ) {
function pointermove( event ) { function move( _event ) {
// always prevent manipulation to avoid zooming/scrolling var event = _event.originalEvent;
event.originalEvent.preventManipulation();
if ( event.originalEvent.pointerId !== pointerHook.id ) { // always prevent manipulation to avoid panning/zooming
event.preventManipulation();
if ( event.pointerId !== pointerHook.id ) {
return; return;
} }
@ -189,8 +203,10 @@ var pointerHook = interaction.hooks.msPointer = {
}); });
} }
function pointerup( event ) { function stop( _event ) {
if ( event.originalEvent.pointerId !== pointerHook.id ) { var event = _event.originalEvent;
if ( event.pointerId !== pointerHook.id ) {
return; return;
} }
@ -200,13 +216,15 @@ var pointerHook = interaction.hooks.msPointer = {
}); });
pointerHook.id = null; pointerHook.id = null;
widget.document widget.document
.unbind( "MSPointerMove", pointermove ) .unbind( "MSPointerMove", move )
.unbind( "MSPointerUp", pointerup ); .unbind( "MSPointerUp", stop )
.unbind( "MSPointerCancel", stop );
} }
widget._bind( widget.document, { widget._bind( widget.document, {
"MSPointerMove": pointermove, "MSPointerMove": move,
"MSPointerUp": pointerup "MSPointerUp": stop,
"MSPointerCancel": stop
}); });
} }
}; };