Accedere alla pagina di rel = successiva e rel = Indietro Usare sinistra e freccia destra
-
22-10-2019 - |
Domanda
Ho una pagina con prev e seguente link:
<link rel="prev" href="http://camera.phor.net/cameralife/photos/11096?referer=index.php">
<link rel="next" href="http://camera.phor.net/cameralife/photos/5679?referer=index.php">
E 'possibile utilizzare Javascript per navigare in questi collegamenti se l'utente preme Freccia sinistra o Freccia destra? Il link non deve attivare se sono modifica del testo e la freccia sinistra o destra viene premuto.
Questo sarà utilizzato per semplificare la visualizzazione di più pagine di immagini.
Soluzione
Senza jQuery:. http://jsfiddle.net/UXPLt/1/
document.onkeyup = function(e) { // key pressed
if(document.activeElement.nodeName === "INPUT"
|| document.activeElement.nodeName === "TEXTAREA") {
return; // abort if focusing input box
}
var elems = document.getElementsByTagName("link"),
links = {};
for(var i = 0; i < elems.length; i++) { // filter link elements
var elem = elems[i];
if(elem.rel === "prev") { // add prev to links object
links.prev = elem;
} else if(elem.rel === "next") { // ad next to links object
links.next = elem;
}
}
if(e.keyCode === 37) { // left key
location.href = links.prev.href;
} else if(e.keyCode === 39) { // right key
location.href = links.next.href;
}
};
Altri suggerimenti
$(document).keydown(function(e){
if (e.keyCode == 37) { // left
$( "a[rel='prev']" ).click();
return false;
} else if (e.keyCode == 39) { // right
$( "a[rel='next']" ).click();
return false;
}
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow