Este artículo describe el método de JS para controlar la facturación de la página mediante la implementación del teclado web. Compártelo para su referencia. El método de implementación específico es el siguiente:
Creo que es poco común para los efectos de facturación de la página de control del teclado. A menudo, en muchos sitios web, especialmente los álbumes de fotos, puedes usar el teclado para poner las páginas hacia arriba y hacia abajo. El principio es muy simple. Simplemente use JS para monitorear si el usuario ha presionado las teclas hacia arriba y hacia abajo.
Como ejemplo:
Copie el código de la siguiente manera: <a id = "last" href = "<? = $ Lefturl?>"> Capítulo anterior </a>
<a id = "booklist" href = "<? = $ booklisturl?>"> Regreso al directorio </a>
<a id = "next" href = "<? = $ recthurl?>"> Siguiente capítulo </a>
El código JS es el siguiente:
Copie el código de la siguiente manera: <script language = "javaScript">
<!-
último = documento. getElementById ("último"). href;
Siguiente = documento. getElementById ("Next"). href;
Lista de libros = documento. getElementById ("Lista de libros"). Href;
Función KeyUp (e) {
if (navigator.appname == "Microsoft Internet Explorer")
{
var keycode = event.keycode;
var realKey = string.FromCharCode (event.KeyCode);
}demás
{
VAR KeyCode = E. Which;
var realKey = string.FromCharCode (E. which);
}
if (keyCode == 39) {
window.location.href = next;
}
if (keyCode == 37) {
window.location.href = último;
}
if (keyCode == 13) {
Window.location.href = Listra de libros;
}
}
document.OnKeydown = KeyUp;
//->
</script>
Vi esta función en línea hoy. Es genial. Puedo agregar esta función en el artículo en el futuro.
La copia del código es la siguiente: var re =/<a href = ["']? ([-= w./?font>+)`font>?>=(<font>?previous página [])>]? </a>/igm;
if (window.document.body.innerhtml.search (re)> = 0) {
var anterior_page = regexp. $ 1;
}
Si busca en "página anterior", el código de copia se define de la siguiente manera: var anterior_page = regexp. $ 1;
var re =/<a href = ["']? ([-= W./?font>)+)font>?>=(<Font>?next página [])]? </a>/igm;
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1;
}
Si busca en la "página siguiente", el código de copia se define de la siguiente manera: var next_page = regexp. $ 1;
if (typeof anterior_page == "String" || typeof next_page == "string") {
document.OnKeydown = function () {
switch (event.srcelement.tagname) {
Caso "Entrada":
Caso "TextAREA":
Caso "Seleccionar":
romper;
por defecto:
if (event.keycode == 37 /* flecha izquierda* / && typeof anterior_page == "string") {
window.location.href = anterior_page;
}
else if (event.keycode == 39 / * flecha derecha * / && typeof next_page == "string") {
window.location.href = next_page;
}
}
}
}
Permítanme hablar sobre una implementación clave de acceso directo de Page-Up y Down que he hecho. Cuando el usuario hace clic en las teclas de flecha izquierda y derecha, JS obtiene el código de teclado y luego salta a la página siguiente o la página anterior. Hoy en día, muchos códigos en Internet son, es decir. Firefox no se puede ejecutar. Muchas veces, es causada por el no estándar **. Click () en FF. Haga clic en la etiqueta en IE. Por defecto, se transfiere a la URL correspondiente, pero no es factible en FF (onClick () está bien, pero este es el evento OnClick de un ejecutado).
La solución también es muy simple. Podemos usar este método: cuando el usuario haga clic en la tecla de flecha derecha, simplemente asigne el atributo HREF de A en la página siguiente a Window.location.href.
Copie el código de la siguiente manera: var $ = function (id)
{
return document.getElementById (id);
}
Var Hotkey = Función (E)
{
var e = e || evento;
var k = e.keycode || e. which || e.charcode; // Obtener código clave
if (k == 37)
{
if ($ ("prevpage"))
window.location.href = $ ("prevpage"). href;
}
más si (k == 39)
{
if ($ ("nextPage"))
window.location.href = $ ("nextPage"). href;
}
más si (k == 72)
{
if ($ ("hogar"))
window.location.href = $ ("inicio"). href;
}
}
document.Onkeydown = Hotkey; // teclas izquierda e izquierda
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.