webForumDet fria alternativet

Event med pilar?

6 svar · 233 visningar · startad av filipbh

filipbhMedlem sedan juli 2002405 inlägg
#1

Hej, vart hittar man vad alla knappar på tangentbordet blir i eventkoden? Case 27 och 13 är Enter och Escape om jag kom ihåg rätt. Men skulle vilja ha bl.a. piltangenterna. Någon som kan eller vet någon sida?

Peter SMedlem sedan dec. 20025 483 inlägg
#2

Hej!

Klista in nedanstående kod i ett HTML-dokument, så kan du vid knapptryckning se vilken kod som svarar mot vilken tangent:

document.onkeydown = function(e){
  e = e || window.event;

  if (e){
    window.status = e.keyCode;
  }
}
filipbhMedlem sedan juli 2002405 inlägg
#3

Tack så mycket! Om man vill att det ska bli en länk när man trycker, skriver man this.href="länken" då eller?

Peter SMedlem sedan dec. 20025 483 inlägg
#4

Så här menar du?

document.onkeydown = function(e){
  e = e || window.event;

  if (e){
    document.getElementById("key").innerHTML = "<a href='" + e.keyCode + ".html'>key code: " + e.keyCode + "</a>";
  }
}

<div id="key"></div>
filipbhMedlem sedan juli 2002405 inlägg
#5

Nja, inte att själva tecknet utgör länken utan om man t.ex. trycker på högerpilen kommer man till nästa sida och således vänsterpilen så hamnar på den föregående. Använder PHP för att hitta nästa och föregående post men vet inte hur jag ska få in det i javascriptet.

Peter SMedlem sedan dec. 20025 483 inlägg
#6

Då kanske följande skulle fungera:

var prev = "previous.html";
var next = "next.html";

document.onkeydown = function(e){
  e = e || window.event;

  if (e){
    switch (e.keyCode){
      case 37: location.href = prev; break;
      case 39: location.href = next; break;
    }
  }
}

:)

filipbhMedlem sedan juli 2002405 inlägg
#7

Får testa det... Ser ut som det kan fungera så jag tackar på förhand =)

138 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)