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
61
62
63
64
65
66
67
68
69
|
// Add events to elements
;[ 'click'
, 'dblclick'
, 'mousedown'
, 'mouseup'
, 'mouseover'
, 'mouseout'
, 'mousemove'
, 'mouseenter'
, 'mouseleave'
, 'touchstart'
, 'touchmove'
, 'touchleave'
, 'touchend'
, 'touchcancel' ].forEach(function(event) {
/* add event to SVG.Element */
SVG.Element.prototype[event] = function(f) {
var self = this
/* bind event to element rather than element node */
this.node['on' + event] = typeof f == 'function' ?
function() { return f.apply(self, arguments) } : null
return this
}
})
// Initialize events stack
SVG.events = {}
// Event constructor
SVG.registerEvent = function(event) {
if (!SVG.events[event])
SVG.events[event] = new Event(event)
}
// Add event binder in the SVG namespace
SVG.on = function(node, event, listener) {
node.addEventListener(event, listener.bind(node.instance || node), false)
}
// Add event unbinder in the SVG namespace
SVG.off = function(node, event, listener) {
node.removeEventListener(event, listener.bind(node.instance || node), false)
}
//
SVG.extend(SVG.Element, {
// Bind given event to listener
on: function(event, listener) {
SVG.on(this.node, event, listener)
return this
}
// Unbind event from listener
, off: function(event, listener) {
SVG.off(this.node, event, listener)
return this
}
// Fire given event
, fire: function(event) {
this.node.dispatchEvent(SVG.events[event])
return this
}
})
|
