webForumDet fria alternativet
Logga in / Bli medlem

Event med pilar?

JavaScript

6 svar · 235 visningar · startad av filipbh

Medlem sedan juli 2002405 inlägg
Trådstart#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?

Medlem 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;
  }
}
Medlem 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?

Medlem 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>
Medlem 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.

Medlem 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;
    }
  }
}

:)

Medlem sedan juli 2002405 inlägg
#7

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

265 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)