1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
//>>built
define("dojox/gfx/Mover", ["dojo/_base/lang","dojo/_base/array", "dojo/_base/declare", "dojo/_base/connect", "dojo/_base/event"],
function(lang,arr,declare,connect,evt){
return declare("dojox.gfx.Mover", null, {
constructor: function(shape, e, host){
// summary: an object, which makes a shape follow the mouse,
// used as a default mover, and as a base class for custom movers
// shape: dojox.gfx.Shape: a shape object to be moved
// e: Event: a mouse event, which started the move;
// only clientX and clientY properties are used
// host: Object?: object which implements the functionality of the move,
// and defines proper events (onMoveStart and onMoveStop)
this.shape = shape;
this.lastX = e.clientX
this.lastY = e.clientY;
var h = this.host = host, d = document,
firstEvent = connect.connect(d, "onmousemove", this, "onFirstMove");
this.events = [
connect.connect(d, "onmousemove", this, "onMouseMove"),
connect.connect(d, "onmouseup", this, "destroy"),
// cancel text selection and text dragging
connect.connect(d, "ondragstart", evt, "stop"),
connect.connect(d, "onselectstart", evt, "stop"),
firstEvent
];
// notify that the move has started
if(h && h.onMoveStart){
h.onMoveStart(this);
}
},
// mouse event processors
onMouseMove: function(e){
// summary: event processor for onmousemove
// e: Event: mouse event
var x = e.clientX;
var y = e.clientY;
this.host.onMove(this, {dx: x - this.lastX, dy: y - this.lastY});
this.lastX = x;
this.lastY = y;
evt.stop(e);
},
// utilities
onFirstMove: function(){
// summary: it is meant to be called only once
this.host.onFirstMove(this);
connect.disconnect(this.events.pop());
},
destroy: function(){
// summary: stops the move, deletes all references, so the object can be garbage-collected
arr.forEach(this.events, connect.disconnect);
// undo global settings
var h = this.host;
if(h && h.onMoveStop){
h.onMoveStop(this);
}
// destroy objects
this.events = this.shape = null;
}
});
});
|
