移动端 解决点击按钮闪和active失效的问题

在我最开始接触移动端这块的时候，遇到的第一个问题是要让用户感觉自己点了该按钮，即需要做一个按钮点下有反应的效果，一般都是用:active来实现的（:active是设置点击那一下的效果），但是在移动端，特别指iPhone，对这个伪类是失效的，后来查询了很多，知道了一个解决方法，就是对想要使用active这个效果的元素或者整个body绑定一个空的监听函数。即document.body.addEventListener('touchstart' , function(){});这样就解决了在iPhone下active失效的问题了

在移动端点击按钮还有一个问题，就是点击了之后会闪一下，可以给该元素添加一个样式-webkit-tap-highlight-color:transparent;