Méthode Js pour réaliser des compétences de contrôle du clavier de page Web en tournant_javascript

L'exemple de cet article décrit la méthode d'utilisation de JS pour contrôler la rotation des pages via le clavier sur une page Web. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Je pense que nous ne voyons pas l'effet de rotation de page contrôlé par le clavier. Souvent, sur de nombreux sites Web, en particulier les albums photo, vous pouvez utiliser directement le clavier pour monter et descendre les pages. Le principe est très simple. si l'utilisateur appuie sur le bouton haut ou bas. Il suffit d'appuyer sur la touche.

Par exemple :

Copier le code Le code est le suivant :

Chapitre précédent
Retour au répertoire
Chapitre suivant

Le code js est le suivant :

Copier le code Le code est le suivant :

J'ai vu cette fonction sur Internet aujourd'hui. C'est bien, je pourrai ajouter cette fonction à l'article à l'avenir .

Copier le code Le code est le suivant :

var re = /[[(<]?Page précédente[])>]?/igm;
if (window.document.body.innerHTML.search(re) >= 0) {
var PREVIOUS_PAGE = RegExp.$1; >

Si vous recherchez "page précédente", définissez

Copier le code Le code est le suivant :

var PREVIOUS_PAGE = RegExp. 1 $ ;

var re = /[[(<]?Page suivante[])>]?< a>/igm; if (window.document.body.innerHTML.search(re) >= 0) {
var NEXT_PAGE = RegExp.$1; >

Si vous recherchez "page suivante", définissez

Copier le code Le code est le suivant : var NEXT_PAGE = RegExp. 1 $ ; if (typeof PREVIOUS_PAGE == "string" || typeof NEXT_PAGE == "string") {

document.onkeydown = function() {

commutateur (event.srcElement.tagName) {
cas "INPUT":
cas "TEXTAREA":
cas "SELECT":
pause;
par défaut :
if (event.keyCode == 37 /* Flèche gauche*/ && typeof PREVIOUS_PAGE == "string") {
window.location.href = PREVIOUS_PAGE;
}
else if (event.keyCode == 39 /* Flèche droite */ && typeof NEXT_PAGE == "string") {
window.location.href = NEXT_PAGE;
}
}
}
>

Permettez-moi de parler d'une implémentation de touche de raccourci pour les pages haut et bas que j'ai créée. Lorsque l'utilisateur clique sur les touches fléchées gauche et droite, js obtient le code du clavier, puis passe à la page suivante ou précédente. De nos jours, de nombreux codes sur Internet proviennent d'IE et ne peuvent pas être exécutés sous Firefox. Plusieurs fois, c'est parce que FF le fait. ne prend pas en charge les non-standards Causé par **.click(), l'opération de clic sur la balise A sous IE sera redirigée vers l'URL correspondante par défaut, mais cela n'est pas réalisable sous FF (onClick() est OK, mais c'est l'événement onClick de A exécuté).

La solution est également très simple. Nous pouvons utiliser cette méthode : capturer lorsque l'utilisateur clique sur la touche fléchée droite et attribuer l'attribut href de A sur la page suivante à window.location.href.

Copier le code Le code est le suivant :

var $=function(id)
{
Retourner document.getElementById(id);
>
var hotKey=fonction(e)
{
var e =e||événement;
var k = e.keyCode||e.which||e.charCode;//Obtenir le code clé
Si (k == 37)
{
          if ($("prevPage"))
                window.location.href = $("prevPage").href;
>
sinon si (k == 39)
{
          if ($("nextPage"))
                window.location.href = $("nextPage").href;
>
sinon si (k == 72)
{
          if ($("home"))
                window.location.href = $("home").href;
>
>
document.onkeydown = hotKey; //Touches gauche et droite

J'espère que cet article sera utile à la programmation Web de chacun basée sur JavaScript.