Wie liste ich diese Tastenkombinationen untereinander auf?

Question

Das Skript zeigt die Tastenanschläge, aber sie verschwinden, wenn ich ein neues keypress

tun würde ich die HTML-Seite zeigen:

Linke

Rechts

Linke

... .

HTML:

<div id=""></div> 

jQuery:

$(document).ready(function(){ 
     document.onkeyup = function(event) { 
     switch (event.keyCode) { 
     case 37: 
      $("div").html( "Left"); 
      break; 
     case 38: 
      $("div").html("Up"); 
      break; 
     case 39: 
      $("div").html("Right"); 
      break; 
     case 40: 
      $("div").html("Down"); 
      break; 
      } 
     };  
    }); 

Answer 1

Beispiel: https://jsfiddle.net/56ufg2me/

$(document).ready(function(){ 
    var $element = $('div'); 

    document.onkeyup = function(event) { 
     var text = $element.html(); 

     switch (event.keyCode) { 
     case 37: 
      $element.html(text + "<br>Left"); 
      break; 
     case 38: 
      $element.html(text + "<br>Up"); 
      break; 
     case 39: 
      $element.html(text + "<br>Right"); 
      break; 
     case 40: 
      $element.html(text + "<br>Down"); 
      break; 
     } 
    };  
}); 

Answer 2

$("div").append( "Left"); 

, dass der Text in die div anhängt. Für neue Zeilen können Sie HTMl hinzufügen, damit ein br es tun würde. 2 Br, wenn Sie die Lücke wollen. Oder man konnte sie in der p wickeln

$("div").append( "Left<br /><br />"); 
$("div").append( "<p>Left</p>");