移动端的点击事件问题

再移动端我们经常会遇到一些很郁闷的问题比如说，有些设备点击事件失效，但是有些设备又没问题……

比如说苹果手机点击事件失效了，但是安卓手机没问题。其实这个问题有两种解决方案一种是针对要点击dom添加一个css属性：

cursor: pointer;

 但是问题又来了，凡是添加这个属性的dom节点在点击的时候都会出现一个蓝色的背景，体验效果很差，解决方案是给body标签添加一个属性：

-webkit-tap-highlight-color: transparent;

这个属性的含义，从字面理解就是将高亮颜色设置为透明色：transparent，为了解决这个问题我们添加了两个属性，确实有点麻烦了，那么接下来介绍一个最简单的方法：

这个方法就是：凡是我们要添加的点击事件统一设置为a标签，没错就是a标签，这是一个超链接标签，这个标签是自带点击事件的所以我们只需把需要添加点击事件的dom节点放到a标签上，a标签的href属性设置成href:javascript:;有人会说a标签是行内元素，那么我们给a标签设置属性为display:block；里面可以包裹块级元素等等，这样无论是ios还是安卓都是没问题的