javascript - 平板电脑(即 iPad)上的悬停效果?

标签 javascript css tablet

我正在重新设计一个在按钮上使用悬停效果的网站(例如,当您将鼠标放在按钮上时按钮图像会发生变化,当您单击它时,它会转到不同的页面)。

现在,如果您使用的是台式机/笔记本电脑,它就可以正常工作。但是在平板电脑上,悬停/鼠标悬停效果不起作用。在平板电脑上,单击按钮图像时,它会短暂改变,然后立即转到新页面。

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

最佳答案

触摸设备没有悬停事件,也无法模拟可能启动它的用户交互。确保没有与悬停事件相关的关键功能(大多数只是突出显示),因此如果设备没有它,也不会丢失功能。浏览器通过 UA 字符串嗅探是一种有缺陷的策略 - 每次出现新设备或现有设备的字符串发生变化时,您都必须更新它。如果您愿意支付高昂的维护费用,那就太好了,但如果您是为此付费的人,那就不行了。

关于javascript - 平板电脑(即 iPad)上的悬停效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8114608/

相关文章:

javascript - 使用 redux-toolkit 将状态重置为初始状态

javascript - react native 自定义表单验证

javascript - Firebase 谷歌云函数 : createReadStream results in empty file

javascript - 如何使用 Angular js 从另一个数组创建 JSON 对象数组

css - Surface 和 CSS 媒体查询

java - 约束布局在不同设备上执行不同

html - 为什么我不能在 Internet Explorer 中获得一致的文本框和下拉框高度

javascript - 如何使字符串指向 Less 中的变量?

css - 平板电脑上的复选框奇怪的错误

css - 使用 CSS 在平板电脑上禁用纵向模式