mirror of
https://github.com/openseadragon/openseadragon.git
synced 2024-11-22 21:26:10 +03:00
Added support for pointer API so this now works in IE11.
This commit is contained in:
parent
bbcb9c1219
commit
1d1b9bf01a
@ -209,6 +209,10 @@
|
|||||||
MSPointerOver: function ( event ) { onPointerOver( _this, event ); },
|
MSPointerOver: function ( event ) { onPointerOver( _this, event ); },
|
||||||
pointerout: function ( event ) { onPointerOut( _this, event ); },
|
pointerout: function ( event ) { onPointerOut( _this, event ); },
|
||||||
MSPointerOut: function ( event ) { onPointerOut( _this, event ); },
|
MSPointerOut: function ( event ) { onPointerOut( _this, event ); },
|
||||||
|
|
||||||
|
pointeroutdocument: function ( event ) { onPointerOutDocument( _this, event ); },
|
||||||
|
MSPointerOutdocument: function ( event ) { onPointerOutDocument( _this, event ); },
|
||||||
|
|
||||||
pointerdown: function ( event ) { onPointerDown( _this, event ); },
|
pointerdown: function ( event ) { onPointerDown( _this, event ); },
|
||||||
MSPointerDown: function ( event ) { onPointerDown( _this, event ); },
|
MSPointerDown: function ( event ) { onPointerDown( _this, event ); },
|
||||||
pointerup: function ( event ) { onPointerUp( _this, event ); },
|
pointerup: function ( event ) { onPointerUp( _this, event ); },
|
||||||
@ -1052,8 +1056,14 @@
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// handle mouse out of document area
|
// handle pointer/mouse out of document body
|
||||||
|
if ( window.PointerEvent ) {
|
||||||
|
$.addEvent(document.body, "pointerout", delegate.pointeroutdocument);
|
||||||
|
} else if ( window.MSPointerEvent ) {
|
||||||
|
$.addEvent(document.body, "pointerout", delegate.MSPointerOutdocument);
|
||||||
|
} else {
|
||||||
$.addEvent(document.body, "mouseout", delegate.mouseoutdocument);
|
$.addEvent(document.body, "mouseout", delegate.mouseoutdocument);
|
||||||
|
}
|
||||||
|
|
||||||
delegate.tracking = true;
|
delegate.tracking = true;
|
||||||
}
|
}
|
||||||
@ -1080,8 +1090,14 @@
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// handle mouse out of document area
|
// handle pointer/mouse out of document body
|
||||||
|
if ( window.PointerEvent ) {
|
||||||
|
$.removeEvent(document.body, "pointerout", delegate.pointeroutdocument);
|
||||||
|
} else if ( window.MSPointerEvent ) {
|
||||||
|
$.removeEvent(document.body, "MSPointerOut", delegate.MSPointerOutdocument);
|
||||||
|
} else {
|
||||||
$.removeEvent(document.body, "mouseout", delegate.mouseoutdocument);
|
$.removeEvent(document.body, "mouseout", delegate.mouseoutdocument);
|
||||||
|
}
|
||||||
|
|
||||||
delegate.tracking = false;
|
delegate.tracking = false;
|
||||||
}
|
}
|
||||||
@ -1465,6 +1481,35 @@
|
|||||||
updatePointersExit( tracker, event, [ gPoint ] );
|
updatePointersExit( tracker, event, [ gPoint ] );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* This handler is used to handle the case where the mouse is dragged out of the window, it should cause the drag to be properly released.
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @inner
|
||||||
|
*/
|
||||||
|
function onMouseOutDocument( tracker, event ) {
|
||||||
|
event = $.getEvent( event );
|
||||||
|
|
||||||
|
var html = document.getElementsByTagName("html")[0];
|
||||||
|
var target = event.target || event.srcElement;
|
||||||
|
if ((event.relatedTarget!==html && event.relatedTarget!==null) || event.currentTarget !== document.body) {
|
||||||
|
return; // not a mouseout of the iframe
|
||||||
|
}
|
||||||
|
|
||||||
|
var gPoint = {
|
||||||
|
id: $.MouseTracker.mousePointerId,
|
||||||
|
type: 'mouse',
|
||||||
|
isPrimary: true,
|
||||||
|
currentPos: getMouseAbsolute( event ),
|
||||||
|
currentTime: $.now()
|
||||||
|
};
|
||||||
|
|
||||||
|
event.buttons = undefined;
|
||||||
|
|
||||||
|
if ( updatePointersUp( tracker, event, [ gPoint ], 0 ) ) {
|
||||||
|
releasePointer( tracker, true );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @private
|
* @private
|
||||||
@ -1537,18 +1582,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function onMouseOutDocument( tracker, event ) {
|
|
||||||
event = $.getEvent( event );
|
|
||||||
|
|
||||||
var html = document.getElementsByTagName("html")[0];
|
|
||||||
if ((event.relatedTarget!==html && event.relatedTarget!==null) || event.currentTarget !== document.body) {
|
|
||||||
return; // not a mouseout of the iframe
|
|
||||||
}
|
|
||||||
event.buttons = undefined;
|
|
||||||
event.button = 0;
|
|
||||||
handleMouseUp(tracker,event);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @private
|
* @private
|
||||||
* @inner
|
* @inner
|
||||||
@ -1820,6 +1853,32 @@
|
|||||||
updatePointersExit( tracker, event, [ gPoint ] );
|
updatePointersExit( tracker, event, [ gPoint ] );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* This handler is used to handle the case where the pointer is dragged out of the window, it should cause the drag to be properly released.
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @inner
|
||||||
|
*/
|
||||||
|
function onPointerOutDocument( tracker, event ) {
|
||||||
|
event = $.getEvent( event );
|
||||||
|
|
||||||
|
var html = document.getElementsByTagName("html")[0];
|
||||||
|
if ((event.relatedTarget!==html && event.relatedTarget!==null) || event.currentTarget !== document.body) {
|
||||||
|
return; // not a mouseout of the iframe
|
||||||
|
}
|
||||||
|
|
||||||
|
var gPoint = {
|
||||||
|
id: event.pointerId,
|
||||||
|
type: getPointerType( event ),
|
||||||
|
isPrimary: event.isPrimary,
|
||||||
|
currentPos: getMouseAbsolute( event ),
|
||||||
|
currentTime: $.now()
|
||||||
|
};
|
||||||
|
|
||||||
|
if ( updatePointersUp( tracker, event, [ gPoint ], 0 ) ) {
|
||||||
|
releasePointer( tracker, false );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @private
|
* @private
|
||||||
|
Loading…
Reference in New Issue
Block a user