고려해야 할 까다로운 부분 중 하나는 터치스크린이 탑재된 노트북입니다. 이 경우, 장치가 기술적으로 터치스크린을 갖추고 있더라도 주요 인터랙션은 마우스를 통해 이루어지는 경향이 있습니다. 최근에는 리액션(반응) 기능에서 이 문제로 인해 몇 가지 어려움이 있었습니다 
다만, 질문하신 구체적인 내용에 대해 말씀드리자면, CSS 미디어 쿼리를 사용하는 것이 적절하다고 생각합니다. hover, pointer, any-hover, any-pointer를 사용할 수 있습니다.
그리고 다음과 같이 window.matchMedia를 사용하여 JS에서 이러한 CSS 미디어 쿼리를 실행할 수 있습니다: