You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery.mousewheel.js 8.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. /*!
  2. * jQuery Mousewheel 3.1.13
  3. *
  4. * Copyright jQuery Foundation and other contributors
  5. * Released under the MIT license
  6. * http://jquery.org/license
  7. */
  8. (function (factory) {
  9. if (typeof define === 'function' && define.amd) {
  10. // AMD. Register as an anonymous module.
  11. define(['jquery'], factory);
  12. } else if (typeof exports === 'object') {
  13. // Node/CommonJS style for Browserify
  14. module.exports = factory;
  15. } else {
  16. // Browser globals
  17. factory(jQuery);
  18. }
  19. }(function ($) {
  20. var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
  21. toBind = ('onwheel' in document || document.documentMode >= 9) ?
  22. ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
  23. slice = Array.prototype.slice,
  24. nullLowestDeltaTimeout, lowestDelta;
  25. if ($.event.fixHooks) {
  26. for (var i = toFix.length; i;) {
  27. $.event.fixHooks[toFix[--i]] = $.event.mouseHooks;
  28. }
  29. }
  30. var special = $.event.special.mousewheel = {
  31. version: '3.1.12',
  32. setup: function () {
  33. if (this.addEventListener) {
  34. for (var i = toBind.length; i;) {
  35. this.addEventListener(toBind[--i], handler, false);
  36. }
  37. } else {
  38. this.onmousewheel = handler;
  39. }
  40. // Store the line height and page height for this particular element
  41. $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
  42. $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
  43. },
  44. teardown: function () {
  45. if (this.removeEventListener) {
  46. for (var i = toBind.length; i;) {
  47. this.removeEventListener(toBind[--i], handler, false);
  48. }
  49. } else {
  50. this.onmousewheel = null;
  51. }
  52. // Clean up the data we added to the element
  53. $.removeData(this, 'mousewheel-line-height');
  54. $.removeData(this, 'mousewheel-page-height');
  55. },
  56. getLineHeight: function (elem) {
  57. var $elem = $(elem),
  58. $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
  59. if (!$parent.length) {
  60. $parent = $('body');
  61. }
  62. return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
  63. },
  64. getPageHeight: function (elem) {
  65. return $(elem).height();
  66. },
  67. settings: {
  68. adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
  69. normalizeOffset: true // calls getBoundingClientRect for each event
  70. }
  71. };
  72. $.fn.extend({
  73. mousewheel: function (fn) {
  74. return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
  75. },
  76. unmousewheel: function (fn) {
  77. return this.unbind('mousewheel', fn);
  78. }
  79. });
  80. function handler(event) {
  81. var orgEvent = event || window.event,
  82. args = slice.call(arguments, 1),
  83. delta = 0,
  84. deltaX = 0,
  85. deltaY = 0,
  86. absDelta = 0,
  87. offsetX = 0,
  88. offsetY = 0;
  89. event = $.event.fix(orgEvent);
  90. event.type = 'mousewheel';
  91. // Old school scrollwheel delta
  92. if ('detail' in orgEvent) {
  93. deltaY = orgEvent.detail * -1;
  94. }
  95. if ('wheelDelta' in orgEvent) {
  96. deltaY = orgEvent.wheelDelta;
  97. }
  98. if ('wheelDeltaY' in orgEvent) {
  99. deltaY = orgEvent.wheelDeltaY;
  100. }
  101. if ('wheelDeltaX' in orgEvent) {
  102. deltaX = orgEvent.wheelDeltaX * -1;
  103. }
  104. // Firefox < 17 horizontal scrolling related to DOMMouseScroll event
  105. if ('axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS) {
  106. deltaX = deltaY * -1;
  107. deltaY = 0;
  108. }
  109. // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
  110. delta = deltaY === 0 ? deltaX : deltaY;
  111. // New school wheel delta (wheel event)
  112. if ('deltaY' in orgEvent) {
  113. deltaY = orgEvent.deltaY * -1;
  114. delta = deltaY;
  115. }
  116. if ('deltaX' in orgEvent) {
  117. deltaX = orgEvent.deltaX;
  118. if (deltaY === 0) {
  119. delta = deltaX * -1;
  120. }
  121. }
  122. // No change actually happened, no reason to go any further
  123. if (deltaY === 0 && deltaX === 0) {
  124. return;
  125. }
  126. // Need to convert lines and pages to pixels if we aren't already in pixels
  127. // There are three delta modes:
  128. // * deltaMode 0 is by pixels, nothing to do
  129. // * deltaMode 1 is by lines
  130. // * deltaMode 2 is by pages
  131. if (orgEvent.deltaMode === 1) {
  132. var lineHeight = $.data(this, 'mousewheel-line-height');
  133. delta *= lineHeight;
  134. deltaY *= lineHeight;
  135. deltaX *= lineHeight;
  136. } else if (orgEvent.deltaMode === 2) {
  137. var pageHeight = $.data(this, 'mousewheel-page-height');
  138. delta *= pageHeight;
  139. deltaY *= pageHeight;
  140. deltaX *= pageHeight;
  141. }
  142. // Store lowest absolute delta to normalize the delta values
  143. absDelta = Math.max(Math.abs(deltaY), Math.abs(deltaX));
  144. if (!lowestDelta || absDelta < lowestDelta) {
  145. lowestDelta = absDelta;
  146. // Adjust older deltas if necessary
  147. if (shouldAdjustOldDeltas(orgEvent, absDelta)) {
  148. lowestDelta /= 40;
  149. }
  150. }
  151. // Adjust older deltas if necessary
  152. if (shouldAdjustOldDeltas(orgEvent, absDelta)) {
  153. // Divide all the things by 40!
  154. delta /= 40;
  155. deltaX /= 40;
  156. deltaY /= 40;
  157. }
  158. // Get a whole, normalized value for the deltas
  159. delta = Math[delta >= 1 ? 'floor' : 'ceil'](delta / lowestDelta);
  160. deltaX = Math[deltaX >= 1 ? 'floor' : 'ceil'](deltaX / lowestDelta);
  161. deltaY = Math[deltaY >= 1 ? 'floor' : 'ceil'](deltaY / lowestDelta);
  162. // Normalise offsetX and offsetY properties
  163. if (special.settings.normalizeOffset && this.getBoundingClientRect) {
  164. var boundingRect = this.getBoundingClientRect();
  165. offsetX = event.clientX - boundingRect.left;
  166. offsetY = event.clientY - boundingRect.top;
  167. }
  168. // Add information to the event object
  169. event.deltaX = deltaX;
  170. event.deltaY = deltaY;
  171. event.deltaFactor = lowestDelta;
  172. event.offsetX = offsetX;
  173. event.offsetY = offsetY;
  174. // Go ahead and set deltaMode to 0 since we converted to pixels
  175. // Although this is a little odd since we overwrite the deltaX/Y
  176. // properties with normalized deltas.
  177. event.deltaMode = 0;
  178. // Add event and delta to the front of the arguments
  179. args.unshift(event, delta, deltaX, deltaY);
  180. // Clearout lowestDelta after sometime to better
  181. // handle multiple device types that give different
  182. // a different lowestDelta
  183. // Ex: trackpad = 3 and mouse wheel = 120
  184. if (nullLowestDeltaTimeout) {
  185. clearTimeout(nullLowestDeltaTimeout);
  186. }
  187. nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);
  188. return ($.event.dispatch || $.event.handle).apply(this, args);
  189. }
  190. function nullLowestDelta() {
  191. lowestDelta = null;
  192. }
  193. function shouldAdjustOldDeltas(orgEvent, absDelta) {
  194. // If this is an older event and the delta is divisable by 120,
  195. // then we are assuming that the browser is treating this as an
  196. // older mouse wheel event and that we should divide the deltas
  197. // by 40 to try and get a more usable deltaFactor.
  198. // Side note, this actually impacts the reported scroll distance
  199. // in older browsers and can cause scrolling to be slower than native.
  200. // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
  201. return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
  202. }
  203. }));