javascript 检测桌面触摸和鼠标支持

2024-03-05

触控设备应如何区分纯触控设备和带有鼠标的设备? (就像今天的一些笔记本电脑)

需要在应用程序中给予所有鼠标功能优先级,并且如果运行应用程序的设备仅支持触摸,则需要更改功能。

如果触摸设备也有鼠标指针,逻辑建议应用程序应将该设备视为普通桌面,并且也可能添加触摸支持,但样式本身应响应鼠标事件。

正常的触摸检测是这样实现的:'ontouchend' in document;

检测计算机是否为台式计算机的一种方法可能是检查屏幕分辨率:

window.screen.width >= 1280 // desktop 

但这不太好,因为某些设备可能有很大viewport分辨率,有些笔记本电脑的分辨率可能较低......


经过一番研究,我发现最好的解决方案是使用以下代码:

https://github.com/matthewhudson/device.js https://github.com/matthewhudson/device.js

因此,它的工作方式是通过给出代表设备和方向的主体元素类名称,这样我几乎可以猜测用户是否有鼠标。 (班级desktop被申请;被应用)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript 检测桌面触摸和鼠标支持 的相关文章

随机推荐