MouseMove () Ereignis für Tablette und Mobile replizieren - Javascript, jquery, Mobile, Tablette

Ich versuche, ein Stück Code, der für den Desktop geschrieben wurde, neu zu erstellen, damit auf mousemovewird das Menü angezeigt.

Dies funktioniert auf dem iPad / Handy nicht, daher versuche ich, es so zu konvertieren, dass es dasselbe Ereignis ist, aber wie funktioniert es?

Code für den Desktop:

$(function() {
$("body").mousemove(function () {
/* specify the time in milliseconds */
/* 100 = fast fade-in, 1000 = slow fade-in */
$("#fader").fadeIn(500);
});
}

Code, an dem ich für Handys / Tablets arbeite, der derzeit nicht funktioniert:

$("body").on({ "tap" : function(){
$("#fader").fadeIn(500);  } });
});
}

Antworten:

Wenn es eine gäbe tap Event, können Sie einfach Folgendes tun:

$("body").on("tap", function(){
$("#fader").fadeIn(500);
});

Da jQuery Touch-Ereignisse jedoch vom jQuery Core nicht erkannt werden, müssten Sie eine Bibliothek wie die mächtige verwenden hammer.js (auf GitHub) dafür:

Fügen Sie einfach die Bibliothek nach der Abfrage und vor dem Aufrufen Ihres Codes hinzu, und der obige Code sollte funktionieren.

<script type="text/javascript" src="./jquery.hammer.min.js"></script>