移动端click失效
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端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失效的主要内容,如果未能解决你的问题,请参考以下文章