mousewheel.js 8.3 KB

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