Tastaturnavigation im Tumblr -Stil
-
25-09-2019 - |
Frage
Ich weiß nicht viel darüber, wie es funktioniert. Meine Vermutung ist JavaScript, aber trotzdem.
Wenn Sie in Tumblr zu Ihrem Dashboard gehen, können Sie mit Ihrer Tastatur zwischen Seiten in Ihrem Feed hin und her gehen. ← um zu neueren Posts voranzukommen und → zu älteren Beiträgen gehen.
Kann mir jemand helfen, herauszufinden, wie er das macht?
Lösung
Nun, Sie haben einen "KeyUp" Event -Listener für Ihr Dokumentelement eingerichtet, das liest, welche Taste Ihr Benutzer gedrückt hat, und dann eine Aktion ausführen, wenn der Schlüsselcode mit dem Code für Ihre linken oder rechten Tasten übereinstimmt.
Der Schlüsselcode der "linken" Taste beträgt 37. Die rechte ist 39. Der Hörer für die "linke" Schlüssel, die Sie einrichten würden, lautet:
document.onkeyup = function(e){
if (e.keyCode == 37) { //"left" key.
//your code
}
if (e.keyCode == 39) { //"right" key.
//your code
}
}
Andere Tipps
Herausgefunden:
<script type="text/javascript">
document.onkeyup = KeyCheck;
function KeyCheck(e)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 37:
window.location = "{PreviousPage}";
break;
case 39:
window.location = "{NextPage}";
break;
}
}
</script>