再移动端我们经常会遇到一些很郁闷的问题比如说,有些设备点击事件失效,但是有些设备又没问题……
比如说苹果手机点击事件失效了,但是安卓手机没问题。其实这个问题有两种解决方案一种是针对要点击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还是安卓都是没问题的