在触屏的情况下 CSS 的 :hover 在手指离开屏幕后 :hover 效果不消失怎么办呢

2018-09-29 16:32:45 +08:00
 where2go
正确的做法应该是什么呢
2981 次点击
所在节点    问与答
9 条回复
lhx2008
2018-09-29 16:35:03 +08:00
这好像不同浏览器还不太一样，chrome 就默认取消
supuwoerc
2018-09-29 16:39:24 +08:00
js 实现的嘛？ onmouseenter/onmouseleave 试试？ 如果是 hover 修改类名实现的切换样式的话。
如果直接写在 css 文件里的 hover 不应该出现这样的问题。
where2go
2018-09-29 16:48:00 +08:00
@lhx2008 就是手机上的 chrome
@supuwoerc CSS 实现的
supuwoerc
2018-09-29 18:22:05 +08:00
@where2go 没注意是手机。手机上没 hover。点上去就是 click 了。你想的是 touch 事件吧。
NickCarter
2018-09-29 18:55:16 +08:00
使用:active
CODEWEA
2018-09-29 18:55:17 +08:00
touch end 了解下？
ddiu8081
2018-09-29 19:46:12 +08:00
小程序里用 active 可以解决，网页应该差不多
zhzer
2018-09-29 20:29:22 +08:00
移动端用 touch
P233
2018-09-29 20:37:29 +08:00
在移动设备上使用 -webkit-tap-highlight-color 代替 hover

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/493903

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX