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 ) {
// only one interaction can happen at a time
if ( interaction.started ) {
return;
}
if ( false !== this._start( event, position ) ) {
interaction.started = true;
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 = {
setup: function( widget, start ) {
widget._bind({
"MSPointerDown": function( event ) {
"MSPointerDown": function( _event ) {
var event = _event.originalEvent;
if ( pointerHook.id ) {
return;
}
pointerHook.id = event.originalEvent.pointerId;
event.originalEvent.preventManipulation();
// track which pointer is performing the interaction
pointerHook.id = event.pointerId;
// prevent panning/zooming
event.preventManipulation();
// prevent promoting pointer events to mouse events
event.preventMouseEvent();
start( event, {
left: event.pageX,
top: event.pageY
@ -175,11 +187,13 @@ var pointerHook = interaction.hooks.msPointer = {
},
handle: function( widget ) {
function pointermove( event ) {
// always prevent manipulation to avoid zooming/scrolling
event.originalEvent.preventManipulation();
function move( _event ) {
var event = _event.originalEvent;
if ( event.originalEvent.pointerId !== pointerHook.id ) {
// always prevent manipulation to avoid panning/zooming
event.preventManipulation();
if ( event.pointerId !== pointerHook.id ) {
return;
}
@ -189,8 +203,10 @@ var pointerHook = interaction.hooks.msPointer = {
});
}
function pointerup( event ) {
if ( event.originalEvent.pointerId !== pointerHook.id ) {
function stop( _event ) {
var event = _event.originalEvent;
if ( event.pointerId !== pointerHook.id ) {
return;
}
@ -200,13 +216,15 @@ var pointerHook = interaction.hooks.msPointer = {
});
pointerHook.id = null;
widget.document
.unbind( "MSPointerMove", pointermove )
.unbind( "MSPointerUp", pointerup );
.unbind( "MSPointerMove", move )
.unbind( "MSPointerUp", stop )
.unbind( "MSPointerCancel", stop );
}
widget._bind( widget.document, {
"MSPointerMove": pointermove,
"MSPointerUp": pointerup
"MSPointerMove": move,
"MSPointerUp": stop,
"MSPointerCancel": stop
});
}
};