Hogy kell billentyűkkel navigálni javascripttel?
Szóval. Galéria. HTML oldal, képpel. Szeretnék egy olyat, hogy ha megnyomom a "bal" billentyűt, akkor az előző oldalra megy, a "jobb" billentyűvel meg a következőre.
Amit tudok:
-valószínűleg kell a window.location.href
-valószínűleg kell az "onkeydown"
-a bal billentyű kódszáma 37
-a jobb billentyű kódszáma 39
Hogy rakjam össze? Még kezdő vagyok ebben.





$(document).keydown(function(e)
{
if(e.which == 37)
{
//carousel akármi.vissza(), nem tudom, hogy mit használsz
}
if(e.which == 39)
{
//ugyanez, csak előre
}
});










Ja, most látom, hogy külön akarod betölteni a képeket.
Szinte biztos, hogy jobban jársz valami ilyesmivel( [link] ezekben általában alapből működik a jobb/bal nyíl is.





Inkább ez: [link]
Mielőtt leköpnek azért, amit az előbb linkeltem.





Igen, közben rájöttem, hogy nem egy jQuery carouselt akarsz irányítani, de amit te akarsz csinálni, az szerintem elég sok szempontból rossz megoldás.
De ha ragaszkodsz hozzá:
window.location = "url";
Az nem működik.Ezzel variálok, de sehogy sem akar összejönni.
if (event.keycode == '37') {window.location="../3/minta 3.html";}
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!