PC/Tablet混合网站

Question

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

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

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

我说的不是滚动或缩放，而是可点击/可触摸的div/spans/图像，它们会有一些反应。例如，我有一个表，可以单击每个单元格来标记(更改颜色)。同样的按钮，一旦你用手指触摸按钮，鼠标光标就会停留在上面，分散注意力。

Answer 1

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

这绝不是完全可靠的，因为是浏览器(这方面的支持有点零碎)、OS和可能是硬件依赖的。例如，较早的OSes可能会将触摸事件转换为鼠标单击事件，或者旧浏览器可能不支持OS的触摸事件，而OS则返回到鼠标单击事件。

有关可能帮助您的更多信息，请参见触摸与鼠标。