javascript - 检测浏览器在网页中是否有键盘/箭头键

Question

我有一个 HTML+JavaScript 的全屏游戏，它使用箭头键作为主要控件。这不能在无键盘的 Android 设备上使用(我没有在 iOS 上测试过)，即使软键盘有箭头键也会占用不必要的空间。因此，我添加了屏幕控制按钮。但是，这些按钮在桌面浏览器上是不必要的(而且大得离谱)，所以我希望它们不要弹出，除非需要它们。

我可以使用什么启发式方法来决定是否需要它们——也就是说，用户输入箭头键事件是否不可能或不方便——除了识别特定的用户代理(其中是直截了当的，但不是面向 future 的)？

我当然会允许用户隐藏/显示按钮；我正在寻找有用的启发式方法来选择默认设置。

Answer 1

无需任何用户代理嗅探、配置选项或任何类型的猜测。只需这样做:

1. 有一个标题屏幕，上面写着“按下继续”。
2. 点击或按键时，隐藏触控并开始游戏。
3. 在触摸时，显示触摸控件并开始游戏。

您甚至不需要向用户提及该选项，并且您可以完美地自动检测到他们喜欢的控件。