Paper.js:为什么too​​l.onMouseDown不会触发？

Question

我正在创建一个Web应用程序,它使用Paper.js来处理通过SVG导入的向量.直到最近,一切都运作良好.然后,突然之间,onMouseDown事件停止被触发,即使onKeyDown和onMouseMove触发就好了.

我创建一个Tool对象的实例,如下所示:

paper.setup("canvas");
var tool = new paper.Tool();
tool.activate();

然后我在代码中绑定事件,如下所示:

tool.onMouseDown = function (event) {
  console.log("Mouse down triggered!");
}
tool.onMouseMove = function (event) {
  console.log("Mouse move triggered!");
};

由于某种原因,后者确实触发,但前者没有触发.其他事件如onKeyDown和onKeyUp也会触发,但onMouseDown和onMouseDrag不会执行任何操作.有谁知道是什么原因造成的？我也使用jQuery和jQueryUI,可能会导致某种干扰？

Answer 1

我有同样的效果。这是由覆盖html元素占用了click事件引起的。加

style="pointer-events:none;"

到元素html定义，然后两个事件都将触发您paper.js对象。

全行显示为：

<div id="colorizerOptions" style="pointer-events:none;"></div>