2016-03-27 16 views
0

Ich habe ein Problem bezüglich der Änderung eines Bildes src, wenn ich eine Taste drücke, aber ich kann es nicht herausfinden, wie es geht.Javascript Bild ändern, wenn Keydown und keyup

Ich schaffte es, das Bild, das ich mit anderen mit onmousedown und onmouseup habe, zu ändern, und ändert sich gut, aber ich kann es nicht für die Schlüssel herausfinden.

Mein Projekt besteht aus Controlling und RC Auto mit Raspberry Pi und meiner Website.

Auf der Website habe ich 4 Tasten, für Richtungen, die ihre Farbe ändert, wenn sie angeklickt und auch dort, um zu simulieren, dass es funktioniert. Aber wie ich schon am Anfang gesagt, mag ich genau das gleiche, was ich mit onmousedown und onmouseuponkeydown und onkeyup, für w Zeichen verwendet tun, um zu simulieren, a, s, d, weil ich nicht die ascii für die Pfeiltasten finden konnte, .

Alle Tipps sind willkommen.

+0

Sorry, i in Eile war, habe ich das ändern kann src aus dem Bild, nicht die Farbe oder den Hintergrund. (Ich habe 2 Bilder, ein Blau für den Standard, und einen roten um anzuzeigen, dass gedrückt oder geklickt wird) (und die Schaltflächen sind img, nicht Eingabe Typen). –

Antwort

0

Der beste Weg, um alle Schlüsselcode zu erhalten, ohne google

window.addEventListener('keydown',onKeydown,false); 

function onKeydown(event) 
{ 
    console.log(event.keyCode); 
    switch(event.keyCode) 
{ 
    case 38://top 
      break; 
    case 37://left 
      break; 
    case 39://right 
      break; 
    case 40://down 
      break; 
} 

Hoffnung diese Ihnen helfen, die ascii für die wichtigsten Events ist :)

Verwandte Themen