Один из сложных моментов — это ноутбуки с сенсорными экранами. В таком случае основным способом взаимодействия всё равно остаётся мышь… даже если устройство технически оснащено сенсорным экраном. Это в последнее время доставило нам немало головной боли с реакциями 
Но чтобы ответить на ваш конкретный вопрос: я считаю, что CSS-медиазапросы — это правильный путь. У нас есть hover, pointer, any-hover и any-pointer.
А затем вы можете запускать эти CSS-медиазапросы из JavaScript с помощью window.matchMedia следующим образом: