jquery - iPad/iPhone 悬停问题导致用户双击链接

Question

我有一些我以前建立的网站，使用 jquery 鼠标事件...我刚得到一个 ipad，我注意到所有鼠标悬停事件都转换为点击...所以例如我必须进行两次点击而不是一个..(第一次悬停，而不是实际点击)

是否有解决此问题的解决方法？也许我应该使用 jquery 命令而不是鼠标悬停/out 等。谢谢!

Answer 1

尚未对此进行全面测试，但由于 iOS 会触发触摸事件，因此假设您处于 jQuery 设置中，这可能会起作用。

$('a').on('click touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
});

我们的想法是，Mobile WebKit 在点击结束时触发一个 touchend 事件，因此我们会监听它，然后在 touchend 事件发生时立即重定向浏览器在链接上被解雇。