隐藏多个 HTML5 Canvas 元素直到用户选择它们？答案

【问题标题】：Hide multiple HTML5 Canvas elements until user selects them?隐藏多个 HTML5 Canvas 元素直到用户选择它们？
【发布时间】：2014-04-29 13:07:48
【问题描述】：

这是场景：

我有多个 HTML5 画布，它们都是不同的游戏。我想要一个画布主屏幕，用户可以在其中选择他们想玩的游戏。一旦选择，所选游戏的画布就会出现，用户可以玩它。

我可以使用“display: none;”使画布不可见，但用户输入仍处于激活状态。例如，一个游戏使用空格键。如果用户单击主屏幕上的空格键，该画布仍处于激活状态，即使它已隐藏，并会显示警报。

基本上，我想完全禁用画布，直到用户选择它，而不是“显示：无；”。这可能吗？

提前致谢！

【问题讨论】：

【解决方案1】：

可能您必须管理游戏的状态，如果在您的页面中可以只执行一个游戏，则必须执行 1 个且只有 1 个游戏实例，然后，如果更多，我可以从您的页面期待什么那么有一款游戏接受空格键作为用户输入吗？

【讨论】：

谢谢，这很有帮助。我已经解决了这个问题，我删除了每个游戏的事件监听器，直到点击一个按钮来玩游戏。然后为该游戏重新添加事件侦听器，并在游戏关闭时再次删除。感谢您的帮助！