[关闭]
@gongzhen 2016-07-23T15:43:33.000000Z 字数 307 阅读 2327

使iPhone safari支持a标签的active伪类

Web


为什么不支持?

:active伪类是在类似'mousedown'事件触发的时机生效的,而手机上并没有'mousedown'事件,取而代之的只有'touchstart'和'touchend'。

解决办法

只需给body绑定一个匿名空函数touchstart事件就可以正常使用active事件了,美团H5就这么做的:

  1. <body ontouchstart="" onmouseover="">
  2. </body>

iphone safari不兼容CSS的active吗?给a标签添加了active,点击没有效果。。。
Hover effects using CSS3 touch events

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注