Un point délicat à considérer concerne les ordinateurs portables avec écrans tactiles. Dans ce cas, l’interaction principale se fait généralement via une souris… même si l’appareil dispose techniquement d’un écran tactile. Cela nous a causé quelques maux de tête récemment avec les réactions 
Mais pour répondre à votre question spécifique : je pense que les requêtes média CSS sont la voie à suivre. Nous avons hover, pointer, any-hover et any-pointer.
Et ensuite, vous pouvez exécuter ces requêtes média CSS depuis JS en utilisant window.matchMedia comme ceci :