clearInterval() 在 iPad 上不起作用

Question

这就是我的工作：

var scrolling;

$('#nw_scroll_down').on('mousedown', function(){
  scrolling = setInterval(function() {
      $('.mod_article').scrollTop( $('.mod_article').scrollTop() + 5 );
    },25);    
});

$('#nw_scroll_down').on('mouseup', function(){
  if (scrolling) {
    window.clearInterval(scrolling);
    scrolling = false;
  }
});

在 $(document).ready(function(){}); 内；

一切正常，直到上线

window.clearInterval(scrolling);

这在 PC 上运行良好，但在 iPad 上却不行。谁能想象它为什么不能在 ipad（chrome 浏览器）上运行？

Answer 1

您应该使用touchstart 和touchend iPad 事件而不是mousedown，如Apple documentation 或Mozilla documentation 中所述。

试试这个：

$('#nw_scroll_down').bind( "touchstart", function(e){
      scrolling = setInterval(function() {
      $('.mod_article').scrollTop( $('.mod_article').scrollTop() + 5 );
    },25); 
});

$('#nw_scroll_down').bind('touchend', function(){
  if (scrolling) {
    window.clearInterval(scrolling);
    scrolling = false;
  }
});

为了让它在桌面和触控设备上都能正常工作，你可以试试这个：

$('#nw_scroll_down').on("mousedown touchstart", function(e){

.

更新

---

另一个解决方案given by Apple documentation 似乎是将内联事件onclick="void(0)" 添加到您拥有mousedown 事件的元素中。

可点击元素是链接、表单元素、图像地图区域或任何其他带有 mousemove、mousedown、mouseup 或 onclick 处理程序的元素。可滚动元素是具有适当溢出样式、文本区域和可滚动 iframe 元素的任何元素。由于这些差异，您可能需要将一些元素更改为可点击元素，如“Making Elements Clickable,” 中所述，以在 iPhone OS 中获得所需的行为。