骨干js中的自定义鼠标事件

Question

支持自定义鼠标事件的好方法是什么？ 例如，我目前有：

events: {
  "mousedown .canvas-container" : "getPixel",
},

但不是mousedown ，我想创建一个名为mousedrag的自定义事件，它是mousedown和mousemove的组合。 有没有推荐的方法来添加这样的自定义事件？

Answer 1

由于 Backbone 元素事件只是 jQuery（或您使用的任何库）事件，您可能想要使用 jQuery UI： http : //jqueryui.com/demos/draggable/ 。 通过使用 jQuery 和 Backbone 加载，您将拥有“拖动”事件，您可以将其绑定到您的代码中，就像任何其他事件一样：

   events: { "drag .canvas-container" : "getPixel" }

当然，有一种方法可以在 jQuery 中创建自定义事件，但我认为对于可拖动对象需要做很多工作，而且由于它已经编写了跨浏览器支持，因此最好使用 jQuery UI。

PS jQuery UI 是完全可定制的，因此您可以在站点上构建自己的版本，其中包含您想要的具体方法： http : //jqueryui.com/download