移动和PC端中的hover处理

转:

http://www.w3cstudy.com/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/mo-pc-hover-done/#comment-149

我自己用的是active效果,也没有添加那一段的脚本

.adv-btn-btn1:active{transform:scale(0.5);-webkit-transform: scale(0.8);}

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:许海浩
链接:https://www.zhihu.com/question/24373267/answer/27575923
来源:知乎

:active伪类是在类似'mousedown'事件触发的时机生效的,而手机上并没有'mousedown'事件,取而代之的只有'touchstart'和'touchend'。
有热心网友提供了热心办法,即给当前链接绑定一个匿名空函数到touchstart事件上去。
 
后来发现4s上active没有效果,用了touchstart绑定事件才可以
posted @ 2015-11-20 11:50  szchenrong  阅读(369)  评论(0)    收藏  举报