Question

我有一个fabric.Group，我通过group.AddWithUpdate（）添加了几个fabric.Rect。（所有都在我的画布上正确显示。）测试了最新的chrome和firefox。

此事件不会触发（与＃mouse;＆＃39;相同）：

rect.on('mouseover', function () {
    console.log('mouseover');
});

然而这个事件发生了火灾（与＃39; mouseup＆＃39;相同）：

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

根据http://fabricjs.com/fabric-intro-part-2#events和https://github.com/kangax/fabric.js/wiki/Working-with-events，它应该有效。

我的小组和直接代码：

var buttonsGroup = new fabric.Group([], {
    left: 0,
    top: 55,
    selectable: false,
    hoverCursor: 'auto',
    subTargetCheck: true,
    myID: 'group_menubuttons'
});

var menuButton = new fabric.Rect({
    left: buttonPosX,
    top: buttonPosY,
    width: buttonSize.width,
    height: buttonSize.height,
    fill: '#FFF',
    hoverCursor: 'pointer',
    hasControls: false,
    myClass: 'menuButton',
    myID: 'menuButton_' + type
});

我的假设是，所有鼠标事件都应该触发元素本身（而不是画布或组上的事件），错了吗？我希望我提供了足够的信息和明确的问题。帮助赞赏。

Answer 1

遗憾的是mouseUp，mouseDown事件现在是组内唯一支持的事件。

不是很难支持，你可以在github问题跟踪器上打开一个用例

fabric.js mouseover＆amp;组中未触发的元素上的mouseout事件（mousedown＆amp; mouseup do fire）

1 个答案: