V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
where2go
V2EX  ›  问与答

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

  •  
  •   where2go · 2018-09-29 16:32:45 +08:00 · 2949 次点击
    这是一个创建于 2007 天前的主题,其中的信息可能已经有所发展或是发生改变。
    正确的做法应该是什么呢
    9 条回复    2018-09-29 20:37:29 +08:00
    lhx2008
        1
    lhx2008  
       2018-09-29 16:35:03 +08:00 via Android
    这好像不同浏览器还不太一样,chrome 就默认取消
    supuwoerc
        2
    supuwoerc  
       2018-09-29 16:39:24 +08:00
    js 实现的嘛? onmouseenter/onmouseleave 试试? 如果是 hover 修改类名实现的切换样式的话。
    如果直接写在 css 文件里的 hover 不应该出现这样的问题。
    where2go
        3
    where2go  
    OP
       2018-09-29 16:48:00 +08:00
    @lhx2008 就是手机上的 chrome
    @supuwoerc CSS 实现的
    supuwoerc
        4
    supuwoerc  
       2018-09-29 18:22:05 +08:00
    @where2go 没注意是手机。手机上没 hover。点上去就是 click 了。你想的是 touch 事件吧。
    NickCarter
        5
    NickCarter  
       2018-09-29 18:55:16 +08:00 via iPhone   ❤️ 2
    使用:active
    CODEWEA
        6
    CODEWEA  
       2018-09-29 18:55:17 +08:00   ❤️ 1
    touch end 了解下?
    ddiu8081
        7
    ddiu8081  
       2018-09-29 19:46:12 +08:00 via Android
    小程序里用 active 可以解决,网页应该差不多
    zhzer
        8
    zhzer  
       2018-09-29 20:29:22 +08:00 via Android
    移动端用 touch
    P233
        9
    P233  
       2018-09-29 20:37:29 +08:00
    在移动设备上使用 -webkit-tap-highlight-color 代替 hover
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3225 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 13:54 · PVG 21:54 · LAX 06:54 · JFK 09:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.