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实例特有的事件。