<a> 标签不响应某些触摸设备中的 on("click") 事件

如何解决<a> 标签不响应某些触摸设备中的 on("click") 事件

我有没有 (href) 属性的 <a> 标签。当客户端在某些触摸设备中单击（触摸）它时，它不会响应 on("click") 事件，但它适用于其他设备，也适用于 chrome 开发人员工具！

HTML 代码：

<a class="completeTask c hidden" data-id="{{todo[0]}}"><i class="fas fa-check"></i></a>

Javascript 代码（在 jQuery 中使用事件委托）：

$(".tasks").on("click",".completeTask",function() {}

我应该添加什么才能使其正常工作？

解决方法

试试这个！只是香草 Js！不需要Jquery！这应该适用于触摸设备。

function redirect() {
  //Replace stackoverflow wit real URL
  window.location.replace("stackoverflow.com")
}

/* optional */

a {
 color: red;
 }
 
 a:hover {
 color: crimson;
}

a:visited {
color: orangered;
}

/* optional */

<a onclick="redirect()">example link</a>