# Kann ich feststellen, ob etwas ein Touch-Gerät ist
**URL:** https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076
**Category:** Development
**Created:** [19. Februar 2025 um 11:59 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076 "2025-02-19T11:59:54Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [19. Februar 2025 um 11:59 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076/1 "2025-02-19T11:59:54Z")
… in Javascript?
Und ich meine nicht mobil, ich meine jedes Gerät, z. B. ein Touch-Gerät wie ein Tablet, bei dem Hover keinen Sinn ergibt.
Oder bin ich gezwungen, CSS zu verwenden?
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [19. Februar 2025 um 12:06 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076/2 "2025-02-19T12:06:37Z")
Eine knifflige Sache, die man bedenken muss, sind Laptops mit Touchscreens. In diesem Fall erfolgt die primäre Interaktion normalerweise über eine Maus … obwohl das Gerät technisch gesehen einen Touchscreen hat. Das hat uns kürzlich einige Kopfschmerzen mit Reaktionen bereitet 😅
Aber um Ihre spezielle Frage zu beantworten: Ich denke, [CSS-Medienabfragen](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#syntax) sind der richtige Weg. Wir haben `hover`, `pointer`, `any-hover` und `any-pointer`.
Und dann können Sie diese CSS-Medienabfragen mit `window.matchMedia` wie folgt ausführen:
>
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [19. Februar 2025 um 12:16 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076/3 "2025-02-19T12:16:46Z")
Ja, guter Punkt und schöner Vorschlag.
Ich habe versucht, die Theme-Einstellungen zu verwenden, um zu bestimmen, wann bestimmte Auszüge über einem Bild erscheinen sollen, das normalerweise nur beim Überfahren mit der Maus angezeigt wird.
In meinem Fall wären die Optionen:
- Immer an
- Nur auf Touch-Geräten (da Hover auf Tablets/Handys nicht wirklich verfügbar ist)
- Nur beim Überfahren mit der Maus (Normalfall)
Das Erkennen von Touch-Geräten ist in diesem Fall vielleicht keine Katastrophe 😅
Ich hatte nur gehofft, dass es ein direktes Website-Attribut gäbe, das ich übersehen hatte, aber ich werde Ihren Vorschlag prüfen. Ein kleines CSS-Refactoring mit einigen concatClasses sieht jedoch wahrscheinlich aus …
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [19. Februar 2025 um 12:26 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076/4 "2025-02-19T12:26:31Z")
> [@merefield](#):
>
> Ich hatte nur gehofft, es gäbe ein direktes Site-Attribut, das ich übersehen hatte.
Der `capabilities`-Dienst hat einige Eigenschaften, die helfen könnten. z.B.:
>
Obwohl es erwähnenswert ist: Diese Logik hat uns kürzlich Kopfzerbrechen bereitet. Ich stelle mir vor, dass wir sie in naher Zukunft durch die auf CSS-Media-Queries basierende Strategie ersetzen werden. (Als dies geschrieben wurde, glaube ich nicht, dass diese Media Queries weit verbreitet waren)
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [19. Februar 2025 um 12:34 UTC](https://meta.discourse.org/t/can-i-ascertain-if-something-is-a-touch-device/353076/5 "2025-02-19T12:34:39Z")
oooh das ist ein heimlicher Dienst … nicht viel davon in der Quelle gesehen! 🕵️♂️