javascript - 如何使用 jQuery 在 iPad 上避免 "double touch"？

Question

我有一个按钮，按下该按钮会将您带到页面顶部并突出显示搜索输入。它工作正常，但 iPad 除外，用户必须单击两次才能强制其工作。

这不是识别触摸事件的问题，而是确保触摸事件在第一次尝试时触发。

如何避免 iPad 上的“双击”？

  $('.my-button').click(function() { 
      $("html, body").animate({ scrollTop: 0 }, 500);
      $('.search').addClass('highlighted'); 
  });

Answer 1

    $('.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