骨干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