search

Home  >  Q&A  >  body text

javascript - 为什么input:active事件在手机端无效?

今天写代码一个button按钮要在点击按钮的时候更换背景图,松开按钮恢复原样。我开始用的input:active事件在chrome浏览器的手机模式下测试是正常的,但是到真正的手机端就无效了。后来换成了touchstart添加类/touchend移除类才解决,请教一下为何input:active事件在手机端无效?

PHP中文网PHP中文网2819 days ago264

reply all(2)I'll reply

  • 怪我咯

    怪我咯2017-04-10 16:59:41

    在 CSS 定义中:

    1. a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!

    2. a:active 必须位于 a:hover 之后,这 样才能生效!
      于是得四者顺序:

    a:link----->a:visited------>a:hover-------->a:active。如果没有搞错顺序应该是可以的。

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 16:59:41

    我找到答案了 http://www.jb51.net/css/383776.html

    reply
    0
  • Cancelreply