Uma coisa complicada a se considerar são os laptops com telas sensíveis ao toque. Nesse caso, a interação principal tende a ser via mouse… mesmo que o dispositivo tecnicamente tenha uma tela sensível ao toque. Isso nos causou algumas dores de cabeça recentemente com reações 
Mas para responder à sua pergunta específica: acho que consultas de mídia CSS são o caminho a seguir. Temos hover, pointer, any-hover e any-pointer.
E então você pode executar essas consultas de mídia CSS do JS usando window.matchMedia assim: