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 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: