我有一个网站利用:导航栏中的悬停效果&身体。
在i-devices上使用Safari的移动版本,悬停事件变为"双击"事件:点击一下即可显示“徘徊”时通常会显示的内容,然后再点击一下“点击”。链接。此功能对某些事情很有用...例如,在缩略图图像上显示文本下拉列表,但在选择导航栏链接时会很烦人。
在我的使用Chrome的Android设备上,默认情况下会发生相反的情况:简单地忽略悬停效果,不会双击,nadda。
如何修改默认值":hover变为'双击' "移动版Safari的特定对象的行为,同时"添加" Android用户的那个功能?
答案 0 :(得分:1)
我不知道您的编码的确切设置,但您有几种选择。
首先,不使用浏览器或操作系统检测,最好使用功能检测(如果可能),因为功能检测适用于每个设置,而不适用于特定浏览器或操作系统。您可以使用一些框架,例如modernizr。
处理这类事情的另一种方法是使用仅在特定设备/浏览器/操作系统中使用的 CSS Hacks 。你会在网上找到数百个CSS Hack。
还有其他方法可以检测浏览器/操作系统,例如用户代理字符串,对于朝这个方向发展的解决方案,我可以推荐这个问题How to detect Safari, Chrome, IE, Firefox and Opera browser?和Detecting iOS / Android Operating system。< / p>
最适合您的用例的是什么,您必须自己决定,但这是我建议的选项。