javascript - Paper.js : why does tool. onMouseDown 不触发？

Question

我正在创建一个 Web 应用程序，它使用 Paper.js 来处理通过 SVG 导入的矢量。直到最近，一切正常。然后，突然之间，onMouseDown 事件不再被触发，即使 onKeyDown 和 onMouseMove 触发得很好。

我像这样创建一个 Tool 对象的实例:

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

然后我稍后在代码中绑定(bind)事件，如下所示:

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 元素占用了点击事件引起的。添加

style="pointer-events:none;"

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

全行内容如下:

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