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

场景:移动端块点击不友好,用户不能感受是否已点击ios

措施:实现像PC端那样移入时有过渡变化效果。但PC端实现的:hover样式在APP端并不适用,APP端用:active能实现同样效果。可是在ios设备上即便设置了:active也没有反应,是由于touchstart未被有效监听,能够在js加一句函数

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

也能够经过监听touch事件的方式达到效果的。spa

相关文章
相关标签/搜索