移动端页面怎么实现pc端页面:hover的效果

Question

。。。移动端页面怎么实现pc端页面:hover的效果

Answer 1

有这个必要吗，移动端 没有这个鼠标触发hover这个属性

Answer 2

移动端只能依靠touch事件了

Answer 3

:active吧, 手指点击时的效果 话说移动端要个毛的hover啊...

Answer 4

可以粗暴的用click事件来仿写，也可以复杂点，用touch事件来仿写。总之，移动端仿写hover事件真真没有必要

Answer 5

触摸屏只有点击，滑动之类的。hover是鼠标的，你可以直接加上hover事件，当用户外接鼠标的时候可以看到效果。

Answer 6

移动端没有hover效果，如果非得要，只能是 js [1]click事件或touch事件了

Answer 7

移动端一般会用:active，但是在ios设备上即使设置了:active也没有反应，是因为touchstart未被有效监听，可以在js加一句：

document.body.addEventListener('touchstart', function () { //...空函数即可}); 

就可以达到触碰有状态改变的效果。
当然也是可以单纯通过监听touch事件的方式达到效果的。