2016-08-17 76 views
0

我有一个网站,利用:在导航栏中的悬停效果&正文。更改不同移动浏览器的悬停设置?

在智能设备上使用Safari的移动版本时,悬停事件成为“双击”事件:一次点击显示“悬停”时通常会显示的内容,另一次点击链接。此功能对于某些特定功能非常有用......例如,在缩略图图像上显示文本下拉列表,但在选择导航栏链接时很烦人。

在我使用Chrome的Android设备上,默认情况下会出现相反情况:悬停效果会被忽略,不会双击nadda。

我该如何修改默认的“:悬停成为'双击'”行为Safari移动版本上的特定对象,同时为Android用户“添加”该功能?

回答

1

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

所有,而不是浏览器或操作系统检测首先,它是更好地使用特征检测(如果可能),因为特征检测将永远适用,而不是针对特定的浏览器或操作系统。”有一些框架可以使用,如modernizr

另一种处理此类事情的方法是使用CSS Hacks,它只适用于特定设备/浏览器/操作系统。你会在网上找到数百个CSS Hacks。

还有其他的方法来检测,如用户代理字符串浏览器/ OS,解决办法将在这个方向,我可以推荐这个问题How to detect Safari, Chrome, IE, Firefox and Opera browser?Detecting iOS/Android Operating system

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