移动端页面实现PC端页面鼠标移入效果

场景：移动端块点击不友好，用户不能感觉是否已点击

措施：实现像PC端那样移入时有过渡变化效果。但PC端实现的:hover样式在APP端并不适用，APP端用:active能实现一样效果。但是在ios设备上即使设置了:active也没有反应，是因为touchstart未被有效监听，可以在js加一句

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

也可以通过监听touch事件的方式达到效果的。

转载于:https://www.cnblogs.com/juicy-initial/p/11580622.html