混合PC /平板电脑网站

时间:2015-01-13 09:42:48

标签: javascript html css

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

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

目标是开发单个页面,而不是两个单独的页面,一个用于鼠标,另一个用于触摸。样式cursor = 'none'完全取消了指定元素上的光标,这是不可取的。

我不是在谈论滚动或缩放,而是关于可点击/可触摸的div / spans / images,它们可以做出一些反应。例如,我有一个表格,可以点击每个单元格来标记(改变颜色)。与按钮相同,一旦用手指触摸按钮,鼠标光标就会停留在按钮上并分散注意力。

1 个答案:

答案 0 :(得分:1)

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

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

有关可能对您有所帮助的更多信息,请参阅Touch And Mouse