[javascript] Deaktiviere die Webseiten-Navigation beim Wischen (zurück und vorwärts)


Answers

Wie wäre es, die Standardaktion des Swipe-Ereignisses zu verhindern? Irgendwo in Ihrem Dokument.ready add (Hinweis Ich habe das Dokument enthalten.ready in diesem Beispiel, nur die Funktion hinzugefügt werden muss):

$(document).ready(function(){ $(window).on('touchmove',function(e){e.preventDefault();}); });

In diesem Fall glaube ich, dass das Ereignis "touchmove" heißt. Sie müssen dies möglicherweise erweitern, um auch das Standardverhalten von touchstart / touchend zu ignorieren, aber ich bin mir nicht 100% sicher.

Question

Auf einem Windows-Telefon können Benutzer im Internet Explorer vor- und zurückwechseln, indem sie auf dem Bildschirm wischen, wenn der Swipe vom Rand kommt. Diese Funktionalität auf Betriebssystemebene behindert das UX meiner Webseite.

Gibt es Js oder CSS, die das deaktivieren können? Irgendein Hack würde auch tun.

Ein Schnappschuss von der Website von windowsphone:

Hier ist der Link zur Referenzseite: http://www.windowsphone.com/en-in/how-to/wp8/basics/gestures-swipe-pan-and-stretch

Bitte beachten Sie, dass Touchaction für horizontales Scrollen aktiviert ist.




Sieh dir diesen Codepen von David Hill an.

var elem = document.getElementById("container"); //area we don't want touch drag

var defaultPrevent=function(e){e.preventDefault();}
elem.addEventListener("touchstart", defaultPrevent);
elem.addEventListener("touchmove" , defaultPrevent);

Ich denke, das ist auch eine coole Art, Objekte zu bauen.




Links