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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

正确的做法应该是什么呢

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

lhx2008

2018 年 9 月 29 日 via Android

这好像不同浏览器还不太一样，chrome 就默认取消

supuwoerc

2018 年 9 月 29 日

js 实现的嘛？ onmouseenter/onmouseleave 试试？如果是 hover 修改类名实现的切换样式的话。
如果直接写在 css 文件里的 hover 不应该出现这样的问题。

where2go

2018 年 9 月 29 日

@lhx2008 就是手机上的 chrome
@supuwoerc CSS 实现的

supuwoerc

2018 年 9 月 29 日

@where2go 没注意是手机。手机上没 hover。点上去就是 click 了。你想的是 touch 事件吧。

NickCarter

2018 年 9 月 29 日 via iPhone

使用:active

CODEWEA

2018 年 9 月 29 日

touch end 了解下？

ddiu8081

2018 年 9 月 29 日 via Android

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

zhzer

2018 年 9 月 29 日 via Android

移动端用 touch

P233

2018 年 9 月 29 日