javascript - 知道何时在屏幕上显示触摸控件

Question

我正在制作一个具有左右两个控件的游戏。在桌面上，这些是左右光标键。在没有键盘的机器或主要通过触摸屏交互的机器上，我需要显示用户可以用手指按下的按钮。

有没有办法检测何时适合显示这些触摸按钮，何时不适合？

考虑的解决方案：

• 检查 iPhone/iPad/Android

  这涵盖了大多数手机和平板电脑，但当然在其他一些品牌上是错误的

• 使用 CSS 媒体查询hover和pointer

  AFAIK 这些都无济于事。一部手机可能有hover: none，pointer: course但带有手写笔的 iPad 又如何呢？它应该允许两者hover:hover并pointer:fine使其与桌面无法区分。

• 按尺寸检查

  似乎片状。平板电脑的尺寸相当大。通常和笔记本电脑一样大。

• 检查触摸支持

  isTouchDevice = "ontouchstart" in window;
  

  在许多带有触摸屏的 Windows 设备上返回 true

标签： javascripthtmlcss