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

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

WBOY
Libérer: 2016-05-16 16:32:44
original
1681 Les gens l'ont consulté

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 :

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 $ ;
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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal