首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Firefox RDM Touch模拟不模拟悬停?

问Firefox RDM Touch模拟不模拟悬停?
EN

Stack Overflow用户
提问于 2021-05-19 22:04:10
回答 1查看 129关注 0票数 2

在移动设备上使用Firefox时,触摸元素会触发:hover伪类。但是,当在响应式设计模式下使用火狐时,如果触控模拟处于活动状态,则不会通过在元素上单击鼠标按钮来触发:hover。如果我关闭了触摸模拟,那么将鼠标悬停在元素上当然会激活:hover,但是触摸模拟的目的不是将鼠标输入转换为相应的触摸事件吗?如果触摸移动浏览器上的元素会激活:hover,那么在触摸模拟中单击鼠标也会触发:hover

Simple JSFiddle to illustrate -查看PC火狐和移动火狐的不同之处。

是我做错了什么,还是Firefox RDM或我对Touch Simulation的理解有缺陷?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-29 10:13:52

正如你所说,:hover :focus :active是伪类,根据mozilla的这个link,当用户使用定点设备与触摸屏上有问题的元素进行交互时,:hover匹配。我们可以使用:active伪类在触摸屏上实现与:hover相同的效果。或者两者的组合。

正如你所说,:hover类的触摸模拟在火狐中是不起作用的。没有承诺在未来支持它。触摸和指点设备的工作方式完全不同,所以最好不要使用需要指针位置才能激活的:hover。另一方面,触摸屏在触摸之前没有位置记录,所以:focus :active是更好的选择。

如果对你有任何帮助,我会很高兴的。谢谢。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67604810

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档