我有 3 个重叠的 Canvas ,它们在一个 div (canvasContainer) 中。 div 包含一些事件监听器,第一个 Canvas 也是如此。我希望最后一个 Canvas 在第 3 个 Canvas 的顶部,但仍然监听第一个 Canvas 的事件。我不想使用 z-index 参数。
<canvas width="512" height="512" id="canvasXTKP" style="position: absolute; display: block; opacity: 0.8; width: 100%; height: 100%; cursor: default;"></canvas>
<canvas width="512" height="512" id="imageView" numcanvas="15" style="overflow: visible; position: absolute;"></canvas>
<canvas width="512" height="512" id="imageTemp" style="z-index: 10; overflow: visible; position: absolute; cursor: auto;"></canvas>
最佳答案
您可以在不应该监听事件的 2 Canvas 上使用 CSS 属性指针事件,类似这样:
pointer-events: none;
它应该可以解决问题。
关于javascript - 堆叠/重叠 Canvas 元素上的事件监听器处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32735080/