物理的なキーボードが接続されているかどうかを確認するCSSメディアクエリ

私はキーボードショートカットを持つサイトを持っています。そこには、キーボードショートカットを、それが適用される要素の一部として視覚的に表示したいとします。タッチインターフェース、特に電話で物理的なキーボードが接続されているかどうかを確認するCSSメディアクエリ

ので、私は気にしたくない。誰もこの方法も、彼らは

キーボードの視覚的な表示をすることができれば、ソフトキーボードを使用しないだろう

をキーボードショートカットを表示するには、おそらく混乱、または少なくとも無粋ですこれについて何も言及していないようです。

2016年ですが、これはまだ不可能ですか？

2016-05-02 Kev

はなぜ**デスクトップをターゲットません：

はまた、日付のように、MQ4のための養子縁組は、すべてのブラウザの81％であることに注意してください、ないFirefoxの？デスクトップ/ラップトップのユーザーだけが物理的なキーボードを持っていると仮定するのは公正だ* – Aziz

メディアクエリは**出力**（画面、印刷）とサイズ、向きをターゲットにすることができます...入力しません。したがって、**メディア**クエリ、デバイスクエリではない –

@Paulie_Dまあ、デバイスのように聞こえる "ハンドヘルド"、 "点字"、 "テレビ"などのメディアタイプはありません。 –

メディアクエリ4には、物理キーボードが接続されているかどうかを判断するためのメディア機能はありません。 wwwスタイルのメーリングリストでMQ4やMQ5のような機能を提案するのを止めることはできませんが、ベンダーがこのようなメディア機能を簡単に実装できるかどうかは別の話です。

2016-05-02 09:08:25 BoltClock

私の無知を許しますが、実装が難しいのは何ですか？ – Kev

@Kev：ブラウザエンジンに精通している人だけが答えます。私の指摘は、その機能が優先されるか、まったく実装されないという保証はないということです。 – BoltClock

十分に説明していただきありがとうございます。 :) – Kev

残念ながら、Media Queries 4にキーボードの存在を特定するクエリはありません。他にも新しいクエリがありますが、参考になるかもしれません。

自分のアプリケーションでは、マウスまたはタッチパッドがプライマリ入力として使用されているときにキーボードが存在すると仮定しています。あなたはタッチスクリーンを備えたデバイス、スタイラスデバイスとカメラ入力などのエキゾチックなデバイスのためfalseを行くだろう

@media (hover: hover) and (pointer: fine) { ... }

このクエリで、そのために問い合わせることができます。

このクエリでは、プライマリ入力デバイスを照会していることに注意してください。 any-hoverとany-pointerですべての入力デバイスを照会できます。のみ** https://caniuse.com/#feat=css-media-interaction

2017-12-07 20:36:04 Dominik

答えて