移动端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失效的主要内容,如果未能解决你的问题,请参考以下文章

vue.js下移动端绑定click事件失效,pc端正常的问题

ios移动端浏览器点击事件失效的解决方案

解决手机(移动端)点击事件失效问题

ionic 使用 Leaflet,click事件失效

web移动端h5开发--ios的坑

移动端开发常见的坑