多個HTML5畫布覆蓋

Question

是否有可能通過事件傳播創建一堆透明HTML5畫布？

舉例來說，我有它繪製的圖像與一些附加click處理一個背景畫布。之後，我想在背景畫布上添加另一個具有完全相同大小的畫布，並且它具有透明區域。問題是，如果我在頂層上點擊它，背景畫布的點擊處理程序會被觸發嗎？

Answer 1

如果點擊頂層的圖層，背景畫布的點擊處理程序會被觸發嗎？

沒有也不會。畫布阻止事物背後的事件。

通常你有兩個選擇：將事件放在每個畫布上，並讓系統讓它們「落下」，如果第一個畫布上沒有任何事情發生，或者只將事件放在最上面的畫布上並使用這些事件來執行操作關於所有的畫布。

我建議使用第二種方法。只保留最上面的畫布上的所有事件。