Zapobieganie uruchamianiu myszki jQuery na urządzeniach dotykowych

Question

Napisałem kilka fantazyjnych efektów przewijania w języku jQuery. Działają świetnie na komputerze stacjonarnym. Mój problem polega na tym, że na urządzeniu mobilnym, ponieważ użytkownik klika na ekranie, mój kod nadal wierzy, że użytkownik unosi się na moim div .right div i kontynuuje przewijanie.

Jak mogę wyłączyć to lub w inny sposób zapobiec temu problemowi na urządzeniach mobilnych/tabletach?

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

Szybka kontrola dotyku może?

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

Następnie owinąć kod w warunku:

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); 
    }); 
} 

Coś tak i tak.