タッチのみのインターフェイスのデバイス入力機能の決定

ユーザーがタッチのみのデバイスを使用しているかどうかを検出することは、Webアプリケーションのユーザーインターフェイスを適切に適応させるために重要です。この質問に対する現在の回答は、タッチイベント機能を使用してこれを達成する方法を提供します。ただし、このアプローチは、マウスとタッチの入力機能の両方を備えたデバイスを区別できないため、不十分です。これらの機能により、開発者はマウスやタッチスクリーンなどのポインティングデバイスの存在と精度を照会できます。次のオプションが利用可能です：

@media（pointer：coarse）{...} //限られた精度ポインティングデバイス @media（pointer：fine）{...} //正確なポインティングデバイス @media（pointer：none）{...} //ポインティングデバイスなし

@media (pointer: coarse) { ... } // Limited accuracy pointing device
@media (pointer: fine) { ... } // Accurate pointing device
@media (pointer: none) { ... } // No pointing device

@media（hover：hover）{...} // hover @media（hover：none）{...} // hover

@media (pointer: coarse) { ... } // Limited accuracy pointing device
@media (pointer: fine) { ... } // Accurate pointing device
@media (pointer: none) { ... } // No pointing device

@media（any-hover：hover）{...} //入力デバイスはホバーできます @media（any-hover：none）{...} //これらのメディアクエリをjavascriptに組み込むことにより、

@media (any-hover: hover) { ... } // Any input device can hover
@media (any-hover: none) { ... } // No input device can hover

if（window.matchmedia（ "（any-hover：none）"）を決定することが可能になります。 //タッチのみのデバイス }

if(window.matchMedia("(any-hover: none)").matches) {
    // Touch-only device
}