移动端页面实现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