Question

我有两个画布完全在同一个位置，第一个adCanvas用于在游戏加载到另一个div之前绘制视频广告。当视频广告结束时，我会使用命令adCanvas.style.display =“none”显示游戏并将焦点移至mainCanvas;

目前由于某种原因，mainCanvas始终具有鼠标焦点，因此点击视频广告根本不起作用。点击游戏即可。

 <canvas style="position:absolute; top:0px; left:0px; z-index:2"
 id="adCanvas" width="660" height="440"></canvas> <canvas
 style="position:absolute; top:0px; left:0px; z-index:1"
 id="mainCanvas"  width="660" height="440"></canvas>

我也试过使用指针事件：没有但是失败了。这场比赛是在iframe里面。

使用两幅画布的原因是，如果有一张普通画布，游戏就会加载游戏。

Answer 1

ProxyPass /ws ws://xx.xxx.6.98:8200/demo/位于mainCanvas之上（即更高adCanvas），因此如果可见则会接受任何鼠标点击。

我猜测z-index是透明的（否则你无法看到mainCanvas，对吧？）此时为什么不以同样的方式隐藏它正在隐藏adCanvas并在视频播放完成后显示它？

两个画布在相同的绝对位置，如何将鼠标焦点强制到顶部

1 个答案: