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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2230 天前的主题，其中的信息可能已经有所发展或是发生改变。

正确的做法应该是什么呢

9 条回复 • 2018-09-29 20:37:29 +08:00

lhx2008

2018-09-29 16:35:03 +08:00 via Android

这好像不同浏览器还不太一样，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 via iPhone

使用:active

CODEWEA

2018-09-29 18:55:17 +08:00

touch end 了解下？

ddiu8081

2018-09-29 19:46:12 +08:00 via Android

小程序里用 active 可以解决，网页应该差不多

zhzer

2018-09-29 20:29:22 +08:00 via Android

移动端用 touch

P233

2018-09-29 20:37:29 +08:00