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

Custom mouse events in backbonejs

本文关键字:鼠标 事件 自定义 js 主干      更新时间:2023-09-26

支持自定义鼠标事件的好方法是什么?例如,我目前有:

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

但是,我想创建一个名为mousedrag的自定义事件,而不是mousedown,它将是mousedownmousemove的组合。是否有任何推荐的方法来添加此类自定义事件?

由于 Backbone 元素事件只是 jQuery(或您使用的任何库)事件,您可能希望使用 jQuery UI: http://jqueryui.com/demos/draggable/。通过加载jQuery和Backbone,你将拥有"drag"事件,你可以将其绑定到代码中,就像任何其他事件一样:

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

当然,有一种方法可以在jQuery中创建自定义事件,但是我认为对于可拖动对象来说工作量很大,并且由于它已经是跨浏览器支持编写的,因此最好使用jQuery UI。

附言jQuery UI是完全可定制的,因此您可以在站点上构建自己的版本,其中包括所需的特定方法 http://jqueryui.com/download: