CSS媒体查询是否附加了物理键盘

Question

假设我有一个带有键盘快捷键的网站，我想在视觉上显示所述键盘快捷键，作为它们适用的元素的一部分。

在触控界面，特别是手机上，我不想打扰，因为：

1. 即使可以
，也没有人会以这种方式使用软键盘
2. 键盘快捷键的视觉显示占用了宝贵的房地产
3. 在无键盘环境中显示键盘快捷键可能会令人困惑，或者至少是不优雅的

但是，媒体查询文档似乎没有提及任何相关内容。

这是2016年，这还不可能吗？

Answer 1

媒体查询4未提供用于确定是否连接了物理键盘的任何媒体功能。没有什么可以阻止你在www-style邮件列表中为MQ4或MQ5提出这样的功能，但请记住，这样的媒体功能是否易于供应商实现是另一个故事。

Answer 2

不幸的是，媒体查询4中没有查询来识别键盘的存在。 还有其他新的查询可能会有所帮助。

在我自己的应用程序中，我假设当鼠标或触控板作为主要输入时存在键盘。您可以使用

查询

false

对于带触摸屏，手写笔设备以及相机输入等奇特设备的设备，此查询将显示any-hover。

请注意，使用此查询，您需要查询主要输入设备。您可以使用查询所有输入设备 any-pointer和{{1}}。

另请注意，截至目前，MQ4的采用率为所有浏览器的81％，但没有Firefox：my own solution