Javascript 堆叠/重叠画布元素上的Eventlistener处理
我有3个重叠的画布，它们在一个div（canvasconner）中。div包含一些事件侦听器，第一个画布也包含一些事件侦听器。我希望最后一个画布位于3个画布的顶部，但仍要侦听第一个画布的事件。我不想使用z-index参数Javascript 堆叠/重叠画布元素上的Eventlistener处理,javascript,jquery,html,css,canvas,Javascript,Jquery,Html,Css,Canvas,我有3个重叠的画布，它们在一个div（canvasconner）中。div包含一些事件侦听器，第一个画布也包含一些事件侦听器。我希望最后一个画布位于3个画布的顶部，但仍要侦听第一个画布的事件。我不想使用z-index参数 <canvas width="512" height="512" id="canvasXTKP" style="position: absolute; display: block; opacity: 0.8; width: 100%; height: 100%; cur
<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画布上使用CSS属性指针事件，类似于：
pointer-events: none;