jquery - 无意中停止触摸端触发链接
<p><p>我正在使用 <code>touchend</code> 事件来防止 ios 需要两次触摸才能触发 <code>href</code> 链接。
这工作正常，但它在滚动时无意中触发了链接。</p>
<p>我知道解决方案是实现 <code>touchstart</code> 以查看是否有移动，但我是 jquery 新手，我不确定如何应用它。</p>
<p>这是<code>touchend</code>代码</p>
<pre><code>$('a').on('touchend', function(e) {
var el = $(this);
var link = el.attr('href');
window.location = link;
});
</code></pre>
<p>希望有人能帮忙。</p>
<p>谢谢</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>好的，这就是我使用 <a href="https://stackoverflow.com/questions/12690620/checking-if-touchend-comes-after-a-drag" rel="noreferrer noopener nofollow">this post</a> 中的代码解决此问题的方法</p>
<pre><code>var dragging = false;
$("a").on("touchmove", function(){
dragging = true;
});
$("a").on("touchend", function(e){
if (dragging){
e.preventDefault();
}
else {var el = $(this);
var link = el.attr('href');
window.location = link;
}
});
$("a").on("touchstart", function(){
dragging = false;
});
</code></pre>
<p>这对我有用。</p></p>
<p style="font-size: 20px;">关于jquery - 无意中停止触摸端触发链接，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/22451908/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/22451908/
</a>
</p>
页:
[1]