是否可以在 KonvaJS 中捕获 shape/group 上的右键单击事件？

Question

)

我有一个关于 KonvaJS 的问题。

我想知道如何捕捉形状上的鼠标右键单击事件。

已经有一些此类 "event catching" 的事件，但它们似乎不适用于 shapes/groups。

所以，我已经尝试过：

group.addEventListener('contextmenu', function() {
    alert("test");
});

group.on('contextmenu', function(){
    alert("test");
});

group.on('contentContextmenu', function(){
    alert("test");
});

三个都不行

唯一能正常工作的东西

stage.on('contentContextmenu', function(e) {
  e.evt.preventDefault();
  console.log(e);
});

框架中还有其他事件吗？

也许你能帮帮我 =)

谢谢

Answer 1

// do not show context menu on right click
stage.on('contextmenu', (e) => {
  e.evt.preventDefault();
});


// do something else on right click
circle.on('click', (e) => {
  if (e.evt.button === 2) {
    alert('right click')
  }
});

演示：https://jsbin.com/junilaboqo/1/edit?js,output

是否可以在 KonvaJS 中捕获 shape/group 上的右键单击事件？

Is it possible to catch the right click event on a shape/group in KonvaJS?

javascript

konvajs