Este artigo descreve o método do JS para controlar a rotatividade de páginas implementando o teclado da Web. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Eu acho que é incomum para os efeitos de rotatividade da página de controle do teclado. Freqüentemente, em muitos sites, especialmente álbuns de fotos, você pode usar o teclado para girar as páginas para cima e para baixo. O princípio é muito simples. Basta usar o JS para monitorar se o usuário pressionou as teclas para cima e para baixo.
Como exemplo:
Copie o código da seguinte forma: <a id = "último" href = "<? = $ Lefturl?>"> Capítulo anterior </a>
<a id = "booklist" href = "<? = $ booklisturl?>"> retornar ao diretório </a>
<a id = "a seguir" href = "<? = $ Righturl?>"> Próximo capítulo </a>
O código JS é o seguinte:
Copie o código da seguinte forma: <Script Language = "JavaScript">
<!-
último = documento. getElementById ("Último"). Href;
próximo = documento. getElementById ("Next"). Href;
Livro de livros = documento. getElementById ("Livro"). Href;
função keyup (e) {
if (Navigator.appname == "Microsoft Internet Explorer")
{
var keycode = event.keycode;
var realkey = string.fromCharcode (event.keycode);
}outro
{
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 = Livro de livros;
}
}
document.onkeydown = keyUp;
//->
</script>
Eu vi essa função online hoje. É ótimo. Posso adicionar essa função no artigo no futuro.
A cópia do código é a seguinte: var re =/<a href = ["']? ([-= w./? ]+).
if (window.document.body.innerhtml.search (re)> = 0) {
var anterior_page = regexp. $ 1;
}
Se você pesquisar na "página anterior", o código de cópia será definido da seguinte forma: var anterior_page = regexp. $ 1;
var re =/<a href = ["']? ([-= w./? ]+)
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1;
}
Se você pesquisar na "próxima página", o código de cópia será definido da seguinte forma: 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 "selecione":
quebrar;
padrão:
if (event.keycode == 37 /* Arrow esquerda* / && typeof anterior_page == "string") {
window.Location.href = anterior_page;
}
caso contrário, if (event.keycode == 39 / * seta direita * / && typeof next_page == "string") {
window.Location.href = next_page;
}
}
}
}
Deixe-me falar sobre uma implementação de chave de atalho da página e para baixo que fiz. Quando o usuário clica nas teclas de seta esquerda e direita, o JS recebe o código do teclado e depois pula para a próxima página ou a página anterior. Atualmente, muitos códigos na internet são IE. O Firefox não pode ser executado. Muitas vezes, é causado pelo não padrão **. Clique () em FF. Clique na tag A no IE. Por padrão, ele é transferido para o URL correspondente, mas não é viável no FF (OnClick () está ok, mas este é o evento OnClick de um executado).
A solução também é muito simples. Podemos usar este método: quando o usuário clicar na tecla de seta direita, basta atribuir o atributo href de A na próxima página ao window.location.href.
Copie o código da seguinte forma: var $ = function (id)
{
retornar document.getElementById (id);
}
Var Hotkey = Função (e)
{
var e = e || evento;
var k = e.Keycode || ewhich || e.charcode; // Obtenha o código da chave
if (k == 37)
{
if ($ ("prevpage"))
window.Location.href = $ ("prevpage"). href;
}
caso contrário, se (k == 39)
{
if ($ ("nextpage"))
window.Location.href = $ ("NextPage"). Href;
}
caso contrário, se (k == 72)
{
if ($ ("home"))
window.Location.href = $ ("home"). href;
}
}
document.onkeydown = hotkey; // chaves esquerda e esquerda
Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.