Javascript 平板电脑（即iPad）上的悬停效果？

我正在重新设计一个在按钮上使用悬停效果的网站（比如当你把鼠标放在按钮上时，按钮图像会发生变化，当你点击它时，它会进入另一个页面）

现在，如果您使用的是台式机/笔记本电脑，那么这样做很好。但是在平板电脑上，hover/onmouseover效果不起作用。在平板电脑上，单击按钮图像时，它会短暂更改，然后立即转到新页面

---

网站可以通过哪些方法和技术检测访问者是否来自平板电脑？那么，是否有可能切换到平板电脑CSS版本？或者，是否有平板电脑框架（即Modernizer？）可以帮助完成此过程？

您只需检查浏览器的用户代理参数即可识别iPad（或移动设备）

例如，在PHP中，您可以执行以下操作：

if( strstr($_SERVER['HTTP_USER_AGENT'],'iPad') ) { // Add custom iPad CSS }

---

如果你想更进一步，你可以使用WURFL(http://wurfl.sourceforge.net/)

只需检查浏览器的用户代理参数，即可识别iPad（或移动设备）

例如，在PHP中，您可以执行以下操作：

if( strstr($_SERVER['HTTP_USER_AGENT'],'iPad') ) { // Add custom iPad CSS }

---

如果你想更进一步，你可以使用WURFL(http://wurfl.sourceforge.net/)

触摸设备没有悬停事件，也无法模拟可能引发悬停事件的用户交互。确保没有与悬停事件相关的关键功能（大多数只是突出显示），因此，如果设备没有悬停事件，功能不会丢失。通过UA字符串进行浏览器嗅探是一种有缺陷的策略-每次出现新设备或现有设备的字符串更改时，都必须对其进行更新。如果你的维护费用很高，那就太好了，但如果你是付费用户，那就不行了。

触摸设备没有悬停事件，也无法模拟可能引发悬停事件的用户交互。确保没有与悬停事件相关的关键功能（大多数只是突出显示），因此，如果设备没有悬停事件，功能不会丢失。通过UA字符串进行浏览器嗅探是一种有缺陷的策略-每次出现新设备或现有设备的字符串更改时，都必须对其进行更新。如果你的保养价格很高，那就太好了，但如果你是买单的人，那就不行了。

事实并非如此。首先，iPad、iPhone或者我的三星galaxy标签的字符串没有改变。我之所以知道这一点，是因为我6年前为实现这一点而编写的脚本仍然可以很好地工作，并且可以与iPad mini配合使用。第二，如果你的检测策略是适当的通用，未来的技术仍然可以被检测到。有些平板电脑确实有悬停功能（我在基于Windows的平板电脑中见过），有些则没有。你怎么知道未来的iPad或iPhone不会添加它？他们现在有能力做到这一点，只是还没有实现。这不是真的。首先，iPad、iPhone或者我的三星galaxy标签的字符串没有改变。我之所以知道这一点，是因为我6年前为实现这一点而编写的脚本仍然可以很好地工作，并且可以与iPad mini配合使用。第二，如果你的检测策略是适当的通用，未来的技术仍然可以被检测到。有些平板电脑确实有悬停功能（我在基于Windows的平板电脑中见过），有些则没有。你怎么知道未来的iPad或iPhone不会添加它？他们现在能够做到，只是还没有实现。