Eventlistener處理堆疊/重疊的畫布元素

Question

我有3個重疊的畫布，它們在div（canvasContainer）中。 div包含一些事件偵聽器，第一個畫布也是如此。我希望最後一個畫布位於3畫布的頂部，但仍然要聽第一個畫布的事件。我不想使用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> 

Answer 1

可以使用2個畫布上的CSS屬性的指針事件不應該聽的事件，類似的東西：

pointer-events: none; 

它應該做的伎倆。