summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-02 09:20:49 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-02 09:20:49 +0900
commit8bc0aa3e7b36380227492d5b779dfc2d3a84319e (patch)
tree874a645bbf620147afa1cf794052150cbcba9ebf /packages/frontend/src/scripts
parent13.0.0-beta.14 (diff)
downloadsharkey-8bc0aa3e7b36380227492d5b779dfc2d3a84319e.tar.gz
sharkey-8bc0aa3e7b36380227492d5b779dfc2d3a84319e.tar.bz2
sharkey-8bc0aa3e7b36380227492d5b779dfc2d3a84319e.zip
:art:
Diffstat (limited to 'packages/frontend/src/scripts')
-rw-r--r--packages/frontend/src/scripts/touch.ts18
1 files changed, 4 insertions, 14 deletions
diff --git a/packages/frontend/src/scripts/touch.ts b/packages/frontend/src/scripts/touch.ts
index 5251bc2e27..4afd0e5dd4 100644
--- a/packages/frontend/src/scripts/touch.ts
+++ b/packages/frontend/src/scripts/touch.ts
@@ -1,23 +1,13 @@
-const isTouchSupported = 'maxTouchPoints' in navigator && navigator.maxTouchPoints > 0;
+import { deviceKind } from '@/scripts/device-kind';
-export let isTouchUsing = false;
+const isTouchSupported = 'maxTouchPoints' in navigator && navigator.maxTouchPoints > 0;
-export let isScreenTouching = false;
+export let isTouchUsing = deviceKind === 'tablet' || deviceKind === 'smartphone';
-if (isTouchSupported) {
+if (isTouchSupported && !isTouchUsing) {
window.addEventListener('touchstart', () => {
// maxTouchPointsなどでの判定だけだと、「タッチ機能付きディスプレイを使っているがマウスでしか操作しない」場合にも
// タッチで使っていると判定されてしまうため、実際に一度でもタッチされたらtrueにする
isTouchUsing = true;
-
- isScreenTouching = true;
- }, { passive: true });
-
- window.addEventListener('touchend', () => {
- // 子要素のtouchstartイベントでstopPropagation()が呼ばれると親要素に伝搬されずタッチされたと判定されないため、
- // touchendイベントでもtouchstartイベントと同様にtrueにする
- isTouchUsing = true;
-
- isScreenTouching = false;
}, { passive: true });
}