网页如何确定用户是否有鼠标或触摸屏输入

how can a webpage determine if a user has mouse or touchscreen input?

本文关键字:鼠标 触摸屏 输入 是否 何确定 用户 网页      更新时间:2023-09-26

如果我有一个用html5和javascript编码的网页,它如何检测用户拥有什么样的输入硬件?向他们提供有用和正确的指示。用户可能有鼠标,触摸屏,两个或全键盘,智能手机上的有限键盘...等。

当我不确定时,我使用它来避免鼠标悬停效果。

    <script>
    var hasMouse = false;
    window.document.addEventListener('mouseover', mouseFound);
        function mouseFound() {
            hasMouse = true;
            window.document.removeEventListener('mouseover', mouseFound);
            console.log('found a mouse');
        }
    </script>