javascript - 混合 PC/平板电脑网站

Question

开发在混合计算机上使用的网站的可靠方法是什么，换句话说，既有鼠标(或触摸板)又有触摸屏，并且用户可以两种方式使用同时。

特别是问题是如何处理鼠标光标，使用鼠标时必须看到鼠标光标，一旦用户使用手指就会分散注意力。

目标是开发一个页面，而不是两个单独的页面，一个用于鼠标，另一个用于触摸。样式 cursor = 'none' 完全杀死指定元素上的光标，这是不希望的。

我不是在谈论滚动或缩放，而是在谈论可点击/可触摸的 div/跨度/图像，它们可以做出某种 react 。例如，我有一个表格，可以单击其中的每个单元格来标记(更改颜色)。与按钮相同，一旦您用手指触摸按钮，鼠标光标将停留在按钮上方并分散注意力。

Answer 1

HTML5 确实支持 touch events 的概念，也许您可​​以根据检测到的事件在 javascript 中动态更改行为/样式等(例如，如果您检测到触摸事件，则将您的页面转换为触摸模式“cursor = none”，但如果您检测到鼠标移动事件，则切换回鼠标可见样式)。

这绝不是完全可靠的，因为 touchevent 实现是浏览器(有点不完整的支持)、操作系统和可能的硬件相关。例如较旧的操作系统可能会将触摸事件转换为鼠标点击事件，或者较旧的浏览器可能不支持操作系统的触摸事件和操作系统回退到鼠标点击事件。

参见 Touch And Mouse获取可能对您有帮助的更多信息。