当canvas元素上方还有另一个元素时，如何使canvas-element中的处理脚本对光标作出反应？

Question

我为网站制作了背景动画。 动画对光标位置作出反应。 它是通过处理创建的。 我通过canvas-element把它放在网站上。

现在我想在动画上面添加一些html元素，主要是文本和一些简单的彩色div容器。 我设法使用属性 position 和 z-index 来完成此任务。

但是现在当然，如果他超过了一个较高的 z-index 元素，那么canvas元素中的处理动画将不再对光标作出反应。

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

Answer 1

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

之前的答案建议通过来自上级元素的事件触发所需事件。这很有效。

在我处理的特定问题中，它是从canvas-element更改事件侦听器触发器的最佳解决方案，canvas-element包含processing.js中的处理文件到 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) {
  ...
}