Dieser Artikel beschreibt die Methode von JS, um den Seitenumsatz zu steuern, indem die Web -Tastatur implementiert wird. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Ich denke, es ist ungewöhnlich für Tastaturkontrollseitenumsatzeffekte. Oft können Sie auf vielen Websites, insbesondere Fotoalben, mit der Tastatur die Seiten auf und ab drehen. Das Prinzip ist sehr einfach. Verwenden Sie einfach JS, um zu überwachen, ob der Benutzer die Tasten auf und ab gedrückt hat.
Als Beispiel:
Kopieren Sie den Code wie folgt: <a id = "last" href = "<? = $ Links?>"> Vorheriges Kapitel </a>
<a id = "booklist" href = "<? = $ bookListurl?>"> zum Verzeichnis zurückkehren </a>
<a id = "Next" href = "<? = $ righturl?>"> Nächstes Kapitel </a>
Der JS -Code lautet wie folgt:
Kopieren Sie den Code wie folgt: <script Language = "JavaScript">
<!-
last = document. GetElementById ("last"). Href;
Weiter = Dokument. GetElementById ("Next"). Href;
booklist = document. GetElementById ("Booklist"). href;
Funktionsschlüssel (e) {
if (Navigator.Appname == "Microsoft Internet Explorer"))
{
var keyCode = event.KeyCode;
var realkey = string.fromCharCode (Event.KeyCode);
}anders
{
var keyCode = e.Which;
var realkey = string.fromCharCode (E.Which);
}
if (keycode == 39) {
window.location.href = next;
}
if (keycode == 37) {
window.location.href = last;
}
if (keycode == 13) {
window.location.href = bookliste;
}
}
document.onkeydown = keyUp;
//->
</script>
Ich habe diese Funktion heute online gesehen. Es ist großartig. Ich kann diese Funktion in Zukunft in der Zukunft hinzufügen.
Die Codekopie lautet wie folgt: var re =/<a href = ["']? ([-= W./? weibliche+) ,..''e?> ×(< weibliche Seite [])>]? </a>/igM;
if (window.document.body.innerhtml.search (re)> = 0) {
var poth_page = regexp. $ 1;
}
Wenn Sie nach "vorherige Seite" suchen, ist der Kopiercode wie folgt definiert: var poth_page = regexp. $ 1;
var re =/<a href = ["']? ([-= W./? weibliche+)," weibs?
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1;
}
Wenn Sie nach "nächste Seite" suchen, ist der Kopiercode wie folgt definiert: var next_page = regexp. $ 1;
if (typeof vorher_page == "String" || typeof next_page == "String") {
document.onkeydown = function () {
Switch (event.srcelement.tagname) {
Fall "Eingabe":
Fall "textarea":
Fall "auswählen":
brechen;
Standard:
if (event.keyCode == 37 /* Pfeil links* / && typeof vorher_page == "String") {
window.location.href = vorher_page;
}
else if (event.keyCode == 39 / * Pfeil rechts * / && typeof next_page == "String") {
window.location.href = next_page;
}
}
}
}
Lassen Sie mich über eine Kurzschluss-Key-Implementierung von Page-up und unten sprechen, die ich gemacht habe. Wenn der Benutzer die linken und rechten Pfeiltasten klickt, erhält JS den Tastaturcode und springt dann zur nächsten Seite oder auf der vorherigen Seite. Heutzutage sind viele Codes im Internet dh. Firefox kann nicht ausgeführt werden. Oft wird es durch den nicht standardmäßigen **. Click () unter FF verursacht. Klicken Sie unter IE auf das A -Tag. Standardmäßig wird es in die entsprechende URL übertragen, ist jedoch unter FF nicht möglich (Onclick () ist in Ordnung, aber dies ist das Onclick -Ereignis einer ausgeführten).
Die Lösung ist auch sehr einfach. Wir können diese Methode verwenden: Wenn der Benutzer auf die richtige Pfeiltaste klickt, weisen Sie einfach das HREF -Attribut von A auf der nächsten Seite der window.location.href zu.
Kopieren Sie den Code wie folgt: var $ = Funktion (ID)
{
return document.getElementById (id);
}
var hotkey = function (e)
{
var e = e || Ereignis;
var k = E.KeyCode || E.Which || E. Charcode; // Tastencode abrufen
if (k == 37)
{
if ($ ("prevPage"))
window.location.href = $ ("prevPage"). href;
}
sonst wenn (k == 39)
{
if ($ ("NextPage"))
window.location.href = $ ("NextPage"). href;
}
sonst wenn (k == 72)
{
if ($ ("home"))
window.location.href = $ ("home"). href;
}
}
document.onkeydown = hotkey; // links und links Schlüssel
Ich hoffe, dass die Beschreibung in diesem Artikel basierend auf JavaScript für die Webprogrammierung aller hilfreich ist.