mirror of
https://github.com/openseadragon/openseadragon.git
synced 2024-11-25 06:36:11 +03:00
minor refactor of mousetracker.js
This commit is contained in:
thatcher
parent
f482c0fb56
commit
7f7589e939
175
openseadragon.js
175
openseadragon.js
@ -745,65 +745,19 @@ $.Utils = new $.Utils();
|
|||||||
}( OpenSeadragon ));
|
}( OpenSeadragon ));
|
||||||
(function( $ ){
|
(function( $ ){
|
||||||
|
|
||||||
|
//Ensures we dont break existing instances of mousetracker if we are dumb
|
||||||
|
//enough to load openseadragon.js onto the page twice. I don't know how
|
||||||
|
//useful this pattern is, but if we decide to use it we should use it
|
||||||
|
//everywhere
|
||||||
if ($.MouseTracker) {
|
if ($.MouseTracker) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var isIE = $.Utils.getBrowser() == $.Browser.IE,
|
||||||
var isIE = $.Utils.getBrowser() == $.Browser.IE;
|
buttonDownAny = false,
|
||||||
|
ieCapturingAny = false,
|
||||||
|
ieTrackersActive = {}, // dictionary from hash to MouseTracker
|
||||||
var buttonDownAny = false;
|
ieTrackersCapturing = []; // list of trackers interested in capture
|
||||||
|
|
||||||
var ieCapturingAny = false;
|
|
||||||
var ieTrackersActive = {}; // dictionary from hash to MouseTracker
|
|
||||||
var ieTrackersCapturing = []; // list of trackers interested in capture
|
|
||||||
|
|
||||||
|
|
||||||
function getMouseAbsolute(event) {
|
|
||||||
return $.Utils.getMousePosition(event);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getMouseRelative(event, elmt) {
|
|
||||||
var mouse = $.Utils.getMousePosition(event);
|
|
||||||
var offset = $.Utils.getElementPosition(elmt);
|
|
||||||
|
|
||||||
return mouse.minus(offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns true if elmtB is a child node of elmtA, or if they're equal.
|
|
||||||
*/
|
|
||||||
function isChild(elmtA, elmtB) {
|
|
||||||
var body = document.body;
|
|
||||||
while (elmtB && elmtA != elmtB && body != elmtB) {
|
|
||||||
try {
|
|
||||||
elmtB = elmtB.parentNode;
|
|
||||||
} catch (e) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return elmtA == elmtB;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onGlobalMouseDown() {
|
|
||||||
buttonDownAny = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onGlobalMouseUp() {
|
|
||||||
buttonDownAny = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
if (isIE) {
|
|
||||||
$.Utils.addEvent(document, "mousedown", onGlobalMouseDown, false);
|
|
||||||
$.Utils.addEvent(document, "mouseup", onGlobalMouseUp, false);
|
|
||||||
} else {
|
|
||||||
$.Utils.addEvent(window, "mousedown", onGlobalMouseDown, true);
|
|
||||||
$.Utils.addEvent(window, "mouseup", onGlobalMouseUp, true);
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
|
|
||||||
|
|
||||||
$.MouseTracker = function (elmt, clickTimeThreshold, clickDistThreshold) {
|
$.MouseTracker = function (elmt, clickTimeThreshold, clickDistThreshold) {
|
||||||
@ -812,22 +766,22 @@ $.Utils = new $.Utils();
|
|||||||
// - of Viewers has less memory impact. Also use
|
// - of Viewers has less memory impact. Also use
|
||||||
// - prototype pattern instead of Singleton pattern.
|
// - prototype pattern instead of Singleton pattern.
|
||||||
//End Thatcher
|
//End Thatcher
|
||||||
var self = this;
|
var self = this,
|
||||||
var ieSelf = null;
|
ieSelf = null,
|
||||||
|
|
||||||
var hash = Math.random(); // a unique hash for this tracker
|
hash = Math.random(), // a unique hash for this tracker
|
||||||
var elmt = $.Utils.getElement(elmt);
|
elmt = $.Utils.getElement(elmt),
|
||||||
|
|
||||||
var tracking = false;
|
tracking = false,
|
||||||
var capturing = false;
|
capturing = false,
|
||||||
var buttonDownElmt = false;
|
buttonDownElmt = false,
|
||||||
var insideElmt = false;
|
insideElmt = false,
|
||||||
|
|
||||||
var lastPoint = null; // position of last mouse down/move
|
lastPoint = null, // position of last mouse down/move
|
||||||
var lastMouseDownTime = null; // time of last mouse down
|
lastMouseDownTime = null, // time of last mouse down
|
||||||
var lastMouseDownPoint = null; // position of last mouse down
|
lastMouseDownPoint = null, // position of last mouse down
|
||||||
var clickTimeThreshold = clickTimeThreshold;
|
clickTimeThreshold = clickTimeThreshold,
|
||||||
var clickDistThreshold = clickDistThreshold;
|
clickDistThreshold = clickDistThreshold;
|
||||||
|
|
||||||
|
|
||||||
this.target = elmt;
|
this.target = elmt;
|
||||||
@ -839,8 +793,29 @@ $.Utils = new $.Utils();
|
|||||||
this.clickHandler = null; // function(tracker, position, quick, shift)
|
this.clickHandler = null; // function(tracker, position, quick, shift)
|
||||||
this.dragHandler = null; // function(tracker, position, delta, shift)
|
this.dragHandler = null; // function(tracker, position, delta, shift)
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
ieSelf = {
|
||||||
|
hasMouse: hasMouse,
|
||||||
|
onMouseOver: onMouseOver,
|
||||||
|
onMouseOut: onMouseOut,
|
||||||
|
onMouseUp: onMouseUp,
|
||||||
|
onMouseMove: onMouseMove
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
this.isTracking = function () {
|
||||||
|
return tracking;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.setTracking = function (track) {
|
||||||
|
if (track) {
|
||||||
|
startTracking();
|
||||||
|
} else {
|
||||||
|
stopTracking();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
function startTracking() {
|
function startTracking() {
|
||||||
if (!tracking) {
|
if (!tracking) {
|
||||||
$.Utils.addEvent(elmt, "mouseover", onMouseOver, false);
|
$.Utils.addEvent(elmt, "mouseover", onMouseOver, false);
|
||||||
@ -1169,32 +1144,52 @@ $.Utils = new $.Utils();
|
|||||||
$.Utils.stopEvent(event);
|
$.Utils.stopEvent(event);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
function getMouseAbsolute( event ) {
|
||||||
|
return $.Utils.getMousePosition(event);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getMouseRelative( event, elmt ) {
|
||||||
|
var mouse = $.Utils.getMousePosition(event);
|
||||||
|
var offset = $.Utils.getElementPosition(elmt);
|
||||||
|
|
||||||
|
return mouse.minus(offset);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns true if elmtB is a child node of elmtA, or if they're equal.
|
||||||
|
*/
|
||||||
|
function isChild( elmtA, elmtB ) {
|
||||||
|
var body = document.body;
|
||||||
|
while (elmtB && elmtA != elmtB && body != elmtB) {
|
||||||
|
try {
|
||||||
|
elmtB = elmtB.parentNode;
|
||||||
|
} catch (e) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return elmtA == elmtB;
|
||||||
|
}
|
||||||
|
|
||||||
|
function onGlobalMouseDown() {
|
||||||
|
buttonDownAny = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function onGlobalMouseUp() {
|
||||||
|
buttonDownAny = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
ieSelf = {
|
if (isIE) {
|
||||||
hasMouse: hasMouse,
|
$.Utils.addEvent(document, "mousedown", onGlobalMouseDown, false);
|
||||||
onMouseOver: onMouseOver,
|
$.Utils.addEvent(document, "mouseup", onGlobalMouseUp, false);
|
||||||
onMouseOut: onMouseOut,
|
|
||||||
onMouseUp: onMouseUp,
|
|
||||||
onMouseMove: onMouseMove
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
|
|
||||||
this.isTracking = function () {
|
|
||||||
return tracking;
|
|
||||||
};
|
|
||||||
|
|
||||||
this.setTracking = function (track) {
|
|
||||||
if (track) {
|
|
||||||
startTracking();
|
|
||||||
} else {
|
} else {
|
||||||
stopTracking();
|
$.Utils.addEvent(window, "mousedown", onGlobalMouseDown, true);
|
||||||
|
$.Utils.addEvent(window, "mouseup", onGlobalMouseUp, true);
|
||||||
}
|
}
|
||||||
};
|
})();
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
}( OpenSeadragon ));
|
}( OpenSeadragon ));
|
||||||
|
|
||||||
|
|||||||
@ -1,65 +1,19 @@
|
|||||||
|
|
||||||
(function( $ ){
|
(function( $ ){
|
||||||
|
|
||||||
|
//Ensures we dont break existing instances of mousetracker if we are dumb
|
||||||
|
//enough to load openseadragon.js onto the page twice. I don't know how
|
||||||
|
//useful this pattern is, but if we decide to use it we should use it
|
||||||
|
//everywhere
|
||||||
if ($.MouseTracker) {
|
if ($.MouseTracker) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var isIE = $.Utils.getBrowser() == $.Browser.IE,
|
||||||
var isIE = $.Utils.getBrowser() == $.Browser.IE;
|
buttonDownAny = false,
|
||||||
|
ieCapturingAny = false,
|
||||||
|
ieTrackersActive = {}, // dictionary from hash to MouseTracker
|
||||||
var buttonDownAny = false;
|
ieTrackersCapturing = []; // list of trackers interested in capture
|
||||||
|
|
||||||
var ieCapturingAny = false;
|
|
||||||
var ieTrackersActive = {}; // dictionary from hash to MouseTracker
|
|
||||||
var ieTrackersCapturing = []; // list of trackers interested in capture
|
|
||||||
|
|
||||||
|
|
||||||
function getMouseAbsolute(event) {
|
|
||||||
return $.Utils.getMousePosition(event);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getMouseRelative(event, elmt) {
|
|
||||||
var mouse = $.Utils.getMousePosition(event);
|
|
||||||
var offset = $.Utils.getElementPosition(elmt);
|
|
||||||
|
|
||||||
return mouse.minus(offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns true if elmtB is a child node of elmtA, or if they're equal.
|
|
||||||
*/
|
|
||||||
function isChild(elmtA, elmtB) {
|
|
||||||
var body = document.body;
|
|
||||||
while (elmtB && elmtA != elmtB && body != elmtB) {
|
|
||||||
try {
|
|
||||||
elmtB = elmtB.parentNode;
|
|
||||||
} catch (e) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return elmtA == elmtB;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onGlobalMouseDown() {
|
|
||||||
buttonDownAny = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onGlobalMouseUp() {
|
|
||||||
buttonDownAny = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
if (isIE) {
|
|
||||||
$.Utils.addEvent(document, "mousedown", onGlobalMouseDown, false);
|
|
||||||
$.Utils.addEvent(document, "mouseup", onGlobalMouseUp, false);
|
|
||||||
} else {
|
|
||||||
$.Utils.addEvent(window, "mousedown", onGlobalMouseDown, true);
|
|
||||||
$.Utils.addEvent(window, "mouseup", onGlobalMouseUp, true);
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
|
|
||||||
|
|
||||||
$.MouseTracker = function (elmt, clickTimeThreshold, clickDistThreshold) {
|
$.MouseTracker = function (elmt, clickTimeThreshold, clickDistThreshold) {
|
||||||
@ -68,22 +22,22 @@
|
|||||||
// - of Viewers has less memory impact. Also use
|
// - of Viewers has less memory impact. Also use
|
||||||
// - prototype pattern instead of Singleton pattern.
|
// - prototype pattern instead of Singleton pattern.
|
||||||
//End Thatcher
|
//End Thatcher
|
||||||
var self = this;
|
var self = this,
|
||||||
var ieSelf = null;
|
ieSelf = null,
|
||||||
|
|
||||||
var hash = Math.random(); // a unique hash for this tracker
|
hash = Math.random(), // a unique hash for this tracker
|
||||||
var elmt = $.Utils.getElement(elmt);
|
elmt = $.Utils.getElement(elmt),
|
||||||
|
|
||||||
var tracking = false;
|
tracking = false,
|
||||||
var capturing = false;
|
capturing = false,
|
||||||
var buttonDownElmt = false;
|
buttonDownElmt = false,
|
||||||
var insideElmt = false;
|
insideElmt = false,
|
||||||
|
|
||||||
var lastPoint = null; // position of last mouse down/move
|
lastPoint = null, // position of last mouse down/move
|
||||||
var lastMouseDownTime = null; // time of last mouse down
|
lastMouseDownTime = null, // time of last mouse down
|
||||||
var lastMouseDownPoint = null; // position of last mouse down
|
lastMouseDownPoint = null, // position of last mouse down
|
||||||
var clickTimeThreshold = clickTimeThreshold;
|
clickTimeThreshold = clickTimeThreshold,
|
||||||
var clickDistThreshold = clickDistThreshold;
|
clickDistThreshold = clickDistThreshold;
|
||||||
|
|
||||||
|
|
||||||
this.target = elmt;
|
this.target = elmt;
|
||||||
@ -95,8 +49,29 @@
|
|||||||
this.clickHandler = null; // function(tracker, position, quick, shift)
|
this.clickHandler = null; // function(tracker, position, quick, shift)
|
||||||
this.dragHandler = null; // function(tracker, position, delta, shift)
|
this.dragHandler = null; // function(tracker, position, delta, shift)
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
ieSelf = {
|
||||||
|
hasMouse: hasMouse,
|
||||||
|
onMouseOver: onMouseOver,
|
||||||
|
onMouseOut: onMouseOut,
|
||||||
|
onMouseUp: onMouseUp,
|
||||||
|
onMouseMove: onMouseMove
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
|
||||||
|
this.isTracking = function () {
|
||||||
|
return tracking;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.setTracking = function (track) {
|
||||||
|
if (track) {
|
||||||
|
startTracking();
|
||||||
|
} else {
|
||||||
|
stopTracking();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
function startTracking() {
|
function startTracking() {
|
||||||
if (!tracking) {
|
if (!tracking) {
|
||||||
$.Utils.addEvent(elmt, "mouseover", onMouseOver, false);
|
$.Utils.addEvent(elmt, "mouseover", onMouseOver, false);
|
||||||
@ -425,31 +400,51 @@
|
|||||||
$.Utils.stopEvent(event);
|
$.Utils.stopEvent(event);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
function getMouseAbsolute( event ) {
|
||||||
|
return $.Utils.getMousePosition(event);
|
||||||
|
}
|
||||||
|
|
||||||
|
function getMouseRelative( event, elmt ) {
|
||||||
|
var mouse = $.Utils.getMousePosition(event);
|
||||||
|
var offset = $.Utils.getElementPosition(elmt);
|
||||||
|
|
||||||
|
return mouse.minus(offset);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns true if elmtB is a child node of elmtA, or if they're equal.
|
||||||
|
*/
|
||||||
|
function isChild( elmtA, elmtB ) {
|
||||||
|
var body = document.body;
|
||||||
|
while (elmtB && elmtA != elmtB && body != elmtB) {
|
||||||
|
try {
|
||||||
|
elmtB = elmtB.parentNode;
|
||||||
|
} catch (e) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return elmtA == elmtB;
|
||||||
|
}
|
||||||
|
|
||||||
|
function onGlobalMouseDown() {
|
||||||
|
buttonDownAny = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function onGlobalMouseUp() {
|
||||||
|
buttonDownAny = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
(function () {
|
(function () {
|
||||||
ieSelf = {
|
if (isIE) {
|
||||||
hasMouse: hasMouse,
|
$.Utils.addEvent(document, "mousedown", onGlobalMouseDown, false);
|
||||||
onMouseOver: onMouseOver,
|
$.Utils.addEvent(document, "mouseup", onGlobalMouseUp, false);
|
||||||
onMouseOut: onMouseOut,
|
} else {
|
||||||
onMouseUp: onMouseUp,
|
$.Utils.addEvent(window, "mousedown", onGlobalMouseDown, true);
|
||||||
onMouseMove: onMouseMove
|
$.Utils.addEvent(window, "mouseup", onGlobalMouseUp, true);
|
||||||
};
|
}
|
||||||
})();
|
})();
|
||||||
|
|
||||||
|
|
||||||
this.isTracking = function () {
|
|
||||||
return tracking;
|
|
||||||
};
|
|
||||||
|
|
||||||
this.setTracking = function (track) {
|
|
||||||
if (track) {
|
|
||||||
startTracking();
|
|
||||||
} else {
|
|
||||||
stopTracking();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
}( OpenSeadragon ));
|
}( OpenSeadragon ));
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user