Ngăn jQuery chạy trình điều khiển chuột trên thiết bị cảm ứng

Question

Tôi đã viết một số hiệu ứng cuộn chuột ưa thích trong jQuery. Chúng hoạt động tốt trên máy tính để bàn. Vấn đề của tôi là trên thiết bị di động, bởi vì người dùng chạm vào màn hình, mã của tôi vẫn tin rằng người dùng đang lơ lửng trên div .scrollright của tôi và tiếp tục cuộn.

Tôi làm cách nào để tắt tính năng này, hoặc nói cách khác là ngăn sự cố này, trên thiết bị di động/máy tính bảng?

$('.thumbnails .scrollright').on('mouseenter', function() { 
    this.iid = setInterval(function() { 
     var CurrentScrollLeft = $(".thumbnails .thumbnailphotos").scrollLeft(); 
     $(".thumbnails .thumbnailphotos").scrollLeft(CurrentScrollLeft+10);   
    }, 50); 
    }).on('mouseleave', function(){ 
     this.iid && clearInterval(this.iid); 
    }); 

Answer 1

Kiểm tra nhanh có thể chạm?

var tap = ("ontouchstart" in document.documentElement); 

Sau đó quấn mã của bạn trong điều kiện:

if(!tap){ 
    $('.thumbnails .scrollright').on('mouseenter', function() { 
     this.iid = setInterval(function() { 
      var CurrentScrollLeft = $(".thumbnails .thumbnailphotos").scrollLeft(); 
      $(".thumbnails .thumbnailphotos").scrollLeft(CurrentScrollLeft+10);   
     }, 50); 
    }).on('mouseleave', function(){ 
     this.iid && clearInterval(this.iid); 
    }); 
} 

Something như thế anyways.