javascript - 当画布元素上方有另一个元素时，如何使画布元素中的处理脚本对光标做出反应？

Question

我为一个网站制作了背景动画。动画对光标位置做出反应。它是通过处理创建的。我通过画布元素把它放在网站上。

现在我想在动画上方放置一些 html 元素，主要是文本和一些简单的彩色 div 容器。我设法使用属性position和z-index做到了这一点。

但是现在当然，canvas-element 中的处理动画将不再对光标做出反应，如果他在更高的z-index元素之一上。

有没有办法让每个元素——不管它的 z 位置——对光标做出反应？

Answer 1

我确定我上次查看时有一个帮助我的答案，但既然它已经消失了，我会自己写一个答案来结束这个问题。感谢消失的答案的制造者！

上一个答案建议通过上级元素的事件触发所需的事件。这行得通。

在我处理的特定问题中，将事件侦听器的触发器从包含 processing.js 中的处理文件的 canvas-element 更改为window是最好的解决方案。

例如 - mousemove事件（通常）：

//In the processing.js file, line 8332

attachEventHandler(curElement, "mousemove", function(e) {
  ...
}

更改为以下工作就好了：

//In the processing.js file, line 8332

attachEventHandler(window, "mousemove", function(e) {
  ...
}