-
Notifications
You must be signed in to change notification settings - Fork 0
/
cursormove.js
102 lines (81 loc) · 2.63 KB
/
cursormove.js
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
// Remixes jquery-boilerplate (github.com/jquery-boilerplate/jquery-boilerplate)
// Copyright © 2016 Zeno Rocha <hi@zenorocha.com>
// the semi-colon before function invocation is a safety net against concatenated
// scripts and/or other plugins which may not be closed properly.
;
(function($, window, document, undefined) {
"use strict";
// undefined is used here as the undefined global variable in ECMAScript 3 is
// mutable (ie. it can be changed by someone else). undefined isn't really being
// passed in so we can ensure the value of it is truly undefined. In ES5, undefined
// can no longer be modified.
// window and document are passed through as local variables rather than global
// as this (slightly) quickens the resolution process and can be more efficiently
// minified (especially when both are regularly referenced in your plugin).
var pluginName = "cursormove";
// The actual plugin constructor
function Plugin(el) {
this.$el = $(el);
this.currentPos = null;
this.firstScroll = null;
this._name = pluginName;
this.init();
}
// Avoid Plugin.prototype conflicts
$.extend(Plugin.prototype, {
init: function() {
var pl = this;
pl.$el.on("mousemove", function(e) {
pl.mousemove(e, pl);
});
// using window instead of $el because we want to only capure
// scrolling that changes the cursors position relative to the
// viewport
// $(window).on("mousemove", function(e) {
// pl.winPos = {
// pageX: e.pageX,
// pageY: e.pageY
// };
// });
$(window).on("scroll", function(e) {
pl.scroll(e, pl);
});
},
mousemove: function(e, pl) {
if (pl.firstScroll) pl.firstScroll = null;
pl.currentPos = {
pageX: e.pageX,
pageY: e.pageY
};
pl.$el.triggerHandler(
$.extend($.Event("cursormove"), pl.currentPos)
);
},
scroll: function(e, pl) {
var currentScroll = {
scrollX: pl.$el.scrollLeft(),
scrollY: pl.$el.scrollTop()
};
if (!pl.firstScroll) pl.firstScroll = currentScroll;
var scrollMove = {};
$.each(pl.currentPos, function(i, o) {
scrollMove[i] = o + (
currentScroll[i == "pageX" ? "scrollX" : "scrollY"] -
pl.firstScroll[i == "pageX" ? "scrollX" : "scrollY"]
);
});
pl.$el.triggerHandler(
$.extend($.Event("cursormove"), scrollMove)
);
}
});
// A really lightweight plugin wrapper around the constructor,
// preventing against multiple instantiations
$.fn[pluginName] = function() {
return this.each(function() {
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this));
}
});
};
})(jQuery, window, document);