html – 移动触摸设备(iPhone,Android,Windows)上的悬停效果

前端之家收集整理的这篇文章主要介绍了html – 移动触摸设备(iPhone,Android,Windows)上的悬停效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在试图找出一种模拟移动设备悬停效果方法.我已经四处寻找,但似乎没有工作.

我试图获得移动悬停效果的元素是一个在悬停时改变颜色的链接.

解决方法

很好,它可能与您正在测试的实际手机有很大关系.我通常用 android测试,它似乎通过触发:hover或:focus状态来满足长按和滑动(因此没有onMouseUp事件).

但是,这确实引出了一个问题,如果用户真的不太可能触发这种状态,那值得设计吗? :Hover专为桌面使用鼠标而设计,在移动设备上复制这些交互似乎适得其反.

也就是说,如果您正在尝试为移动设备实现一些非常有趣的交互,因为在不触发onMouseUp事件的情况下很难触发悬停状态,您可能更好地使用没有链接的元素来允许点击而不触发链接.

jQuery有event.preventDefault(),可能有助于满足其他需求.

原文链接:https://www.f2er.com/html/227823.html

猜你在找的HTML相关文章