Verhindern, dass jQuery mouseenter auf Touch-Geräten ausführt

Question

Ich habe in jQuery einige ausgefallene Hover-Scrolling-Effekte geschrieben. Sie funktionieren hervorragend auf einem Desktop-Computer. Mein Problem ist, dass auf einem mobilen Gerät, weil der Benutzer auf den Bildschirm tippt, mein Code immer noch glaubt, dass der Benutzer auf meinem .scrollright div schwebt und weiter scrollt.

Wie kann ich dies deaktivieren oder auf andere Weise einfach dieses Problem auf mobilen/Tablet-Geräten verhindern?

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

Eine schnelle Überprüfung auf Berührung vielleicht?

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

wickeln Sie dann Ihren Code in den Zustand:

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

So etwas sowieso.