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

标签 javascript html css

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

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

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

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

最佳答案

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

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

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

关于javascript - 混合 PC/平板电脑网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27919051/

相关文章:

Javascript - 提交后一分钟无法提交的表单

javascript - 如何使用 TweenMax (Greensock) 水平翻转 SVG?

jquery - 如何在按钮上方而不是下方添加重复的 div

html - 跟踪链接悬停样式

html - 我如何设计一个 css 渐变看起来像附加的 Facebook 登录屏幕

html - 干扰导航栏的标题

javascript - AJAX JQuery 表单提交仅有效一次(需要刷新页面)

javascript - 如何创建一个 Kendo UI jQuery kendoDropDownList 仍然允许用户输入?

ASP.NET MVC : How to send an html email using a controller?

javascript - 我必须将数组数据打印到表中