有人知道jQueryUI鼠标小部件吗?

有人知道jQueryUI鼠标小部件吗?,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我已经开始使用jQueryUI 我想了解更多关于jQueryUI鼠标小部件的信息。我正试图找出它的文档,但它不可用。有人知道资源在哪里吗 新的鼠标插件文件使jQuery UI平均缩小了14% 鼠标插件并不是新的,但是这个版本将它移动到自己的文件jquery.ui.mouse.js中,之前它位于jqueryui核心中。这意味着不依赖鼠标插件但以前包含jQuery UI核心的jQuery UI插件包含的未使用代码更少,总体平均文件大小提高了14%。这只是平均水平。一些改进将高达36% 从2010年3

我已经开始使用jQueryUI

我想了解更多关于jQueryUI鼠标小部件的信息。我正试图找出它的文档,但它不可用。有人知道资源在哪里吗

新的鼠标插件文件使jQuery UI平均缩小了14% 鼠标插件并不是新的,但是这个版本将它移动到自己的文件jquery.ui.mouse.js中,之前它位于jqueryui核心中。这意味着不依赖鼠标插件但以前包含jQuery UI核心的jQuery UI插件包含的未使用代码更少,总体平均文件大小提高了14%。这只是平均水平。一些改进将高达36%

从2010年3月开始

在您的jQuery库(如)中,您可以在以下位置找到它:*jQuery UI Mouse 1.8.11和更多信息。

查看标题为“涉及鼠标”的部分


调用它。_mouseInit在您自己的小部件的_init函数中,然后覆盖_mouseDown、_mouseDrag等函数。

鼠标小部件是一个内部插件,似乎主要(或仅)用于低级拖放处理

我刚刚写了一篇关于使用它来滚动您自己的拖放(而不是使用Dragable)的博文:

其要点是,您可以将其子类化,如下所示:

$.widget('ui.custommouse', $.ui.mouse, {
  options: {
    mouseStart: function(e) {},
    mouseDrag: function(e) {},
    mouseStop: function(e) {},
    mouseCapture: function(e) { return true; }
  },
  // Forward events to custom handlers
  _mouseStart: function(e) { return this.options.mouseStart(e); },
  _mouseDrag: function(e) { return this.options.mouseDrag(e); },
  _mouseStop: function(e) { return this.options.mouseStop(e); },
  _mouseCapture: function(e) { return this.options.mouseCapture(e); }
  // Bookkeeping, inspired by Draggable
  widgetEventPrefix: 'custommouse',
  _init: function() {
    return this._mouseInit();
  },
  _create: function() {
    return this.element.addClass('ui-custommouse');
  },
  _destroy: function() {
    this._mouseDestroy();
    return this.element.removeClass('ui-custommouse');
  },
});
然后实例化刚才定义的
custommouse
插件,并传递您自己的 事件处理程序作为选项:

$('#containerElement').custommouse({
  mouseStart: function(e) { ... },
  mouseDrag: function(e) { ... },
  mouseStop: function(e) { ... }
});