点透处理作用:如果不做点透处理,那么点击上面的遮罩层,遮罩层下面的内容区如果有a元素,那么就会被点击;为了解决这种不必要的点击跳转,所以做点透处理;
var box = document.getElementById('box'); //相当于上面遮罩层
var aNodes = document.querySelectorAll('a'); //遮罩层 层级下的a标签
//1.取消浏览器默认行为
document.addEventListener('touchstart',function(event){
event.preventDefault();
});
//问题:a不能点击
box.addEventListener('touchstart',function(){
box.style.display = 'none';
})
//2.给页面中所有a指定新的跳转地址
for (var i=0;i<aNodes.length;i++) {
aNodes[i].addEventListener('touchend',function(){
window.location.href = this.href;
});
}