我们知道在PC上实现鼠标移动到按钮上的交互很简单：利用css的:hover和:active 就可以很好的实现。但是在H5的移动端上面要实现这样的交互有点麻烦，假如你还是只写:hover或:active 的话，在交互上会看到只有:hover或:active时的样式，而且还会一直保持这样样式，除非你在其他地方有交互操作。这多蛋疼啊，难道H5移动端就没办法了吗？有的！

解决方案

  • 1、在你的全局脚本里面或者页面上增加如下代码即可：

    1
    document.body.addEventListener("touchstart", function() {});

  • 2、在 body 上设置：

    1
    <body ontouchstart=""></body>