Cet article décrit la méthode de JS pour contrôler le chiffre d'affaires de la page en implémentant le clavier Web. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Je pense qu'il est rare pour les effets de roulement de la page de contrôle du clavier. Souvent, sur de nombreux sites Web, en particulier les albums photo, vous pouvez utiliser le clavier pour augmenter les pages de haut en bas. Le principe est très simple. Utilisez simplement JS pour surveiller si l'utilisateur a appuyé sur les touches de haut en bas.
Par exemple:
Copiez le code comme suit: <a id = "dernier" href = "<? = $ LefTUrl?>"> Chapitre précédent </a>
<a id = "booklist" href = "<? = $ bookListUrl?>"> Retour au répertoire </a>
<a id = "suivant" href = "<? = $ rightUrl?>"> Chapitre suivant </a>
Le code JS est le suivant:
Copiez le code comme suit: <Script Language = "JavaScript">
<! -
dernier = document. GetElementById ("Last"). Href;
suivant = document. GetElementById ("Suivant"). Href;
booklist = document. GetElementById ("Livre"). Href;
Fonction KeyUp (e) {
if (Navigator.appname == "Microsoft Internet Explorer")
{
var keycode = event.KeyCode;
var realKey = string.fromCharcode (event.KeyCode);
}autre
{
var keycode = e.which;
var realKey = string.fromCharcode (e.which);
}
if (keycode == 39) {
window.location.href = Suivant;
}
if (keycode == 37) {
window.location.href = dernier;
}
if (keycode == 13) {
window.location.href = booklist;
}
}
document.onkeydown = keyup;
// ->
</cript>
J'ai vu cette fonction en ligne aujourd'hui. C'est super. Je peux ajouter cette fonction dans l'article dans le futur.
La copie de code est la suivante: var re = / <a href = ["']? ([- = w./?
if (window.document.body.innerhtml.search (re)> = 0) {
var PREBER_PAGE = regexp. 1 $;
}
Si vous recherchez sur "page précédente", le code de copie est défini comme suit: var Précéaire_page = regexp. 1 $;
var re = / <a href = ["']? ([- = w./?
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. 1 $;
}
Si vous recherchez "Page suivante", le code de copie est défini comme suit: var next_page = regexp. 1 $;
if (Typeof PREVER_PAGE == "String" || Typeof next_page == "String") {
document.onkeydown = function () {
switch (event.srcelement.tagname) {
case "entrée":
cas "textarea":
case "SELECT":
casser;
défaut:
if (event.KeyCode == 37 / * Arrow Left * / && typeof PREVER_PAGE == "String") {
window.location.href = préalable_page;
}
else if (event.keycode == 39 / * arrow droit * / && type de next_page == "String") {
window.location.href = next_page;
}
}
}
}
Permettez-moi de parler d'une mise en œuvre de la clé de raccourci de la page-haut et de la baisse que j'ai faite. Lorsque l'utilisateur clique sur les touches de flèche gauche et droite, JS obtient le code du clavier, puis passe à la page suivante ou à la page précédente. De nos jours, de nombreux codes sur Internet sont IE. Firefox ne peut pas être exécuté. Plusieurs fois, il est causé par le non-standard **. Cliquez sur () sous FF. Cliquez sur une balise sous IE. Par défaut, il est transféré à l'URL correspondant, mais il n'est pas possible sous FF (onClick () est OK, mais c'est l'événement OnClick d'un exécuté).
La solution est également très simple. Nous pouvons utiliser cette méthode: lorsque l'utilisateur clique sur la touche de flèche droite, affectez simplement l'attribut HREF de A sur la page suivante à Window.Location.href.
Copiez le code comme suit: var $ = fonction (id)
{
return document.getElementById (id);
}
var hotky = fonction (e)
{
var e = e || événement;
var k = e.KeyCode || e.which || e.charcode; // obtenir le code de clé
if (k == 37)
{
if ($ ("prevpage"))
window.location.href = $ ("prevpage"). href;
}
else if (k == 39)
{
if ($ ("nextpage"))
window.location.href = $ ("nextPage"). href;
}
sinon si (k == 72)
{
if ($ ("home"))
window.location.href = $ ("home"). href;
}
}
document.onkeydown = hotky; // Keys gauche et gauche
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.