首页 > 代码库 > 移动端click失效

移动端click失效

移动端使用touch事件,但是会影响到a标签的使用,click事件在touch后执行

先判断节点是否是a标签,之后阻止touch事件冒泡。

document.addEventListener(‘touchend‘,function (e) {
if (e.target.tagName == ‘A‘ || e.target.tagName === ‘button‘){
e.stopPropagation();
}else{
if(!$("#qt").hasClass("hide")){
$("#qt").addClass("hide");
}
}
$(".transport_type ul li a").click(function(){
$("#qt").toggleClass("hide");
});
});

移动端click失效