Sharkey/packages/frontend/src/scripts/touch.ts

14 lines
650 B
TypeScript
Raw Normal View History

2023-01-02 02:20:49 +02:00
import { deviceKind } from '@/scripts/device-kind';
2023-01-02 02:20:49 +02:00
const isTouchSupported = 'maxTouchPoints' in navigator && navigator.maxTouchPoints > 0;
2023-01-02 02:20:49 +02:00
export let isTouchUsing = deviceKind === 'tablet' || deviceKind === 'smartphone';
2023-01-02 02:20:49 +02:00
if (isTouchSupported && !isTouchUsing) {
window.addEventListener('touchstart', () => {
// maxTouchPointsなどでの判定だけだと、「タッチ機能付きディスプレイを使っているがマウスでしか操作しない」場合にも
// タッチで使っていると判定されてしまうため、実際に一度でもタッチされたらtrueにする
isTouchUsing = true;
}, { passive: true });
}