Javascript Paper.js:tool.onMouseDown为什么不触发？

我正在创建一个web应用程序，它使用Paper.js操作通过SVG导入的向量。直到最近，一切都很顺利。然后，onMouseDown事件突然停止被触发，即使onKeyDown和onMouseMove触发很好

我创建了一个工具对象的实例，如下所示：

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!");
};

然后我在代码后面绑定事件，如下所示：

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，也许这会导致某种干扰？

我也有同样的效果。这是由重叠的html元素吞噬了单击事件造成的。加

style="pointer-events:none;"

添加到元素html定义，然后这两个事件都会触发paper.js对象

全文如下：

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