我有一个按钮,按下该按钮会将您带到页面顶部并突出显示搜索输入。它工作正常,但 iPad 除外,用户必须单击两次才能强制其工作。
这不是识别触摸事件的问题,而是确保触摸事件在第一次尝试时触发。
如何避免 iPad 上的“双击”?
$('.my-button').click(function() {
$("html, body").animate({ scrollTop: 0 }, 500);
$('.search').addClass('highlighted');
});
最佳答案
$('.my-button').bind("click",function() {
$(this).unbind();
$("html, body").animate({ scrollTop: 0 }, 500);
$('.search').addClass('highlighted');
$(this).bind();
});
jquery bind 确实将处理程序附加到特定元素的事件,因此无论何时绑定(bind)单击事件,它都不适用于双击,因为您可以单独绑定(bind)双击事件。因此,在这种情况下,当您在第一次单击后双击时,它将取消绑定(bind)点击事件,以便在执行功能期间不会重复点击事件,并在所有功能执行后再次绑定(bind)它。取消绑定(bind)会删除先前附加的事件处理程序从元素。查看更多bind和 unbind
关于javascript - 如何使用 jQuery 在 iPad 上避免 "double touch"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29242044/