where2go
V2EX  ›  问与答

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

  •  
  •   where2go · Sep 29, 2018 · 4230 views
    This topic created in 2957 days ago, the information mentioned may be changed or developed.
    正确的做法应该是什么呢
    9 replies  •  2018-09-29 20:37:29 +08:00
    lhx2008
    lhx2008
    Sep 29, 2018 via Android
    1
    这好像不同浏览器还不太一样,chrome 就默认取消
    supuwoerc
    supuwoerc
    Sep 29, 2018
    2
    js 实现的嘛? onmouseenter/onmouseleave 试试? 如果是 hover 修改类名实现的切换样式的话。
    如果直接写在 css 文件里的 hover 不应该出现这样的问题。
    where2go
    where2go
    OP
    Sep 29, 2018
    3
    @lhx2008 就是手机上的 chrome
    @supuwoerc CSS 实现的
    supuwoerc
    supuwoerc
    Sep 29, 2018
    4
    @where2go 没注意是手机。手机上没 hover。点上去就是 click 了。你想的是 touch 事件吧。
    NickCarter
    NickCarter
    Sep 29, 2018 via iPhone❤️2
    5
    使用:active
    CODEWEA
    CODEWEA
    Sep 29, 2018❤️1
    6
    touch end 了解下?
    ddiu8081
    ddiu8081
    Sep 29, 2018 via Android
    7
    小程序里用 active 可以解决,网页应该差不多
    zhzer
    zhzer
    Sep 29, 2018 via Android
    8
    移动端用 touch
    P233
    P233
    Sep 29, 2018
    9
    在移动设备上使用 -webkit-tap-highlight-color 代替 hover
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5048 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 08:33 · PVG 16:33 · LAX 00:33 · JFK 03:33
    ♥ Do have faith in what you're doing.