Erkennen des Desktop-Safari Zweifinger-Swipe

Question

In Safari auf OS X, mit einem magischen Trackpad oder Macbook Trackpad, wischen nach rechts oder links mit zwei Fingern Effekte vor bzw. zurück. Gibt es eine Möglichkeit, dies zu erkennen, im Gegensatz zu einem Klick zurück/vorwärts oder einem Befehl + Pfeil usw.?

Der Grund dafür ist, dass der Swipe über eine eigene Swiping-Animation im Reveal-Stil verfügt, und mit benutzerdefinierten Ajax-Übergängen auf einer Site sieht er wirklich komisch aus, wenn Sie einen nach dem anderen bekommen. Dies passiert beispielsweise beim Durchsuchen von Code auf GitHub.

Update 23/6/16: Github kehrte einfach den Seiteninhalt ohne Übergang um, was ein kluger Schachzug war. Meine derzeitige Praxis ist es, das gleiche für Back/Forward zu tun, auch wenn irgendeine Art von schicklichen Übergang in der Website verwendet wird. Dies verhindert Konflikte zwischen dem, was der Browser möglicherweise tut, und dem Site-Übergang

Answer 1

können Sie das Mausrad-Ereignis verwenden, um zu sehen, ob eine horizontale Scroll auf dem Trackpad hat vor Ihrer popstate Veranstaltung durchgeführt wurde:

// boolean that stores if a swipe has been performed. 
var bScrolled = false; 
// countdown in ms before resetting the boolean. 
var iTime = 1000; 
var oTimeout; 
window.addEventListener('mousewheel', function(e) { 
    if (e.wheelDeltaY === 0) { 
    // there is an horizontal scroll 
    if (!bScrolled) { 
    // no need to set bScrolled to true if it has been done within the iTime time. 
     bScrolled = true; 
     oTimeout = setTimeout(function(){ 
     bScrolled = false; 
     }, iTime); 
    } 
    } 
}); 

window.onpopstate = function() { 
    // clear the timeout to be sure we keep the correct value for bScrolled 
    clearTimeout(oTimeout); 
    // check if there has been a swipe prior to the change of history state 
    if (bScrolled) { 
    // check which browser & OS the user is using, then 
    // trigger your awesome custom transition. 
    } 
} 

Answer 2

In einem Wort, nein. Der Swipe wird in den UNIX-Code hinter OS X und in den Code des Safari-Browsers geschrieben. Der Browser erkennt dann die Geste und interpretiert sie als die Zurück/Vorwärts-Tasten.

Das gesagt, könnten Sie wahrscheinlich Code schreiben, der ein Scrollen auf der Seite einer bestimmten Geschwindigkeit erkennen würde, die dann Ihren Code auslösen würde, aber Sie würden immer in Konkurrenz mit der vorcodierten Rück-/Vorwärts-Tastenerkennung stehen des Browsers. Soweit ich weiß, können Sie den Browser nicht innerhalb von HTML (oder einer anderen Sprache) ändern.