fabric.js中的mouse：down與mousedown

Question

這是一個fabric.js示例，其中包含一個畫布和一個矩形，每個示例上都有一個鼠標按下處理程序：

var canvas = new fabric.Canvas('c');

var rect = new fabric.Rect({ 
  left: 100, 
  top: 100, 
  width: 50, 
  height: 50, 
  fill: '#faa', 
})

canvas.add(rect);

canvas.on('mouse:down', function(options) {
  console.log('canvas event');
});

rect.on('mousedown', function(options) {
  console.log('rect event');
});

為什么它需要在畫布上為mouse:down ，但在矩形上為mousedown ？ 如果我改變任何一個，它們都會停止工作。 mousedown是否實際上不是構造事件，如果是，則處理程序功能是否應該不同？

JsFiddle： http : //jsfiddle.net/243kau3x/4/

Answer 1

它們都是Fabric js事件。 主要區別在於事件附加到的實例的類型。
mouse:down是特定於Fabric Canvas實例的事件，而mousedown特定於Fabric Object實例，在您的情況下為rect。

在Canvas和Object實例上可以偵聽不同類型的事件。 可用事件的完整列表可在fabric js官方網站上找到。

在這篇文章的庫官方GitHub頁面上詳細介紹了Canvas實例特有的事件。