更改不同移动浏览器的悬停设置?

时间:2016-08-17 01:50:42

标签: javascript android jquery html css

我有一个网站利用:导航栏中的悬停效果&身体。

在i-devices上使用Safari的移动版本,悬停事件变为"双击"事件:点击一下即可显示“徘徊”时通常会显示的内容,然后再点击一下“点击”。链接。此功能对某些事情很有用...例如,在缩略图图像上显示文本下拉列表,但在选择导航栏链接时会很烦人。

在我的使用Chrome的Android设备上,默认情况下会发生相反的情况:简单地忽略悬停效果,不会双击,nadda。

如何修改默认值":hover变为'双击' "移动版Safari的特定对象的行为,同时"添加" Android用户的那个功能?

1 个答案:

答案 0 :(得分:1)

我不知道您的编码的确切设置,但您有几种选择。

首先,不使用浏览器或操作系统检测,最好使用功能检测(如果可能),因为功能检测适用于每个设置,而不适用于特定浏览器或操作系统。您可以使用一些框架,例如modernizr

处理这类事情的另一种方法是使用仅在特定设备/浏览器/操作系统中使用的 CSS Hacks 。你会在网上找到数百个CSS Hack。

还有其他方法可以检测浏览器/操作系统,例如用户代理字符串,对于朝这个方向发展的解决方案,我可以推荐这个问题How to detect Safari, Chrome, IE, Firefox and Opera browser?Detecting iOS / Android Operating system。< / p>

最适合您的用例的是什么,您必须自己决定,但这是我建议的选项。