comment obtenir les touches fléchées du clavier pour déclencher la navigation (page précédente / suivante) dans un blog

le script que j'ai rassemblés jusqu'ici ressemble à ceci:

<script type="text/javascript">
/* KEYNAV */
document.onkeydown = function(e) {
if (! e) var e = window.event;
var code = e.charCode ? e.charCode : e.keyCode;
if (! e.shiftKey && ! e.ctrlKey && ! e.altKey && ! e.metaKey) {
if (code == Event.KEY_LEFT) {
if ($('previous_page_link')) location.href = $('previous_page_link').href;
} else if (code == Event.KEY_RIGHT) {
if ($('next_page_link')) location.href = $('next_page_link').href;}
}
}); 
</script>

et mon code html ressemble à ceci:

<p>
{block:PreviousPage}
<a id="previous_page_link" href="{PreviousPage}">PREVIOUS PAGE</a> 
{/block:PreviousPage}

{block:NextPage}
<a id="next_page_link" href="{NextPage}">NEXT PAGE</a>
{/block:NextPage}
</p>

{PreviousPage} /{NextPage} le code représente la dynamique des liens vers des pages qui sont différentes selon la page que vous êtes sur. cette question est spécifique à tumblr, mais généralement ainsi:

est-il un moyen d'obtenir mes touches fléchées gauche et droite pour déclencher la dynamique de ces liens?

merci pour la lecture et tout, est très apprécié.

source d'informationauteur dfogge

  1. 37
    function leftArrowPressed() {
   //Your stuff here
}

function rightArrowPressed() {
   //Your stuff here
}

document.onkeydown = function(evt) {
    evt = evt || window.event;
    switch (evt.keyCode) {
        case 37:
            leftArrowPressed();
            break;
        case 39:
            rightArrowPressed();
            break;
    }
};
  2. 4

    Utiliser ceci pour vous dire la keyIdentifier attribut de la objet.

    <html>
<head>

<script type="text/javascript">
  document.onkeydown = function() {
  alert (event.keyIdentifier);
}; 
</script>
</head>
<body>
</body>
</html>

    Alors vous pouvez utiliser si-alors logique d'ignorer toutes les touches qui ne vous intéresse pas, et de fil le comportement correct à ceux qui vous sont.

    Le suivant va affecter les touches fléchées gauche et droite pour vos liens (en fonction de l'id de l'ancre/lien éléments).

    <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
            document.onkeydown = function() 
                {
                    var j = event.keyIdentifier
                    if (j == "Right")
                        window.location = nextUrl
                    else if (j == "Left")
                        window.location = prevUrl            
                        }
                   });

      $(document).ready(function() {
                    var nextPage = $("#next_page_link")
                    var prevPage = $("#previous_page_link")
                    nextUrl = nextPage.attr("href")
                    prevUrl = prevPage.attr("href")
                });

</script>
</head>
<body>
<p>
    <a id="previous_page_link" href="http://www.google.com">Google</a> 
    <a id="next_page_link" href="http://www.yahoo.com">Yahoo</a>
</p>
</body>
</html>