如何列出彼此之下的這些按鍵？

腳本顯示了按鍵，但他們消失的時候我做了新的按鍵如何列出彼此之下的這些按鍵？

我將HTML頁面顯示：

左

右

左

... 。

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

來源

2017-05-17 Zevothan

你要替換的div每次輸入HTML。看看這裏：http://stackoverflow.com/questions/5677799/how-to-append-data-to-div-using-javascript –

使用'innerHTML（）' – mxr7350

例如：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; 
     } 
    };  
});

來源

2017-05-17 13:26:33

你可能需要'white-space：pre'在那個div上，或者只是把'\ n'換成'
' –

yep，ty @JosephMarikle –

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

這追加文本到div。對於新行，你可以添加HTMl，這樣br就可以做到。 2 br的如果你想要的差距。或者你可以將它們包裝P中的

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

來源

2017-05-17 13:25:52 Taintedmedialtd

如何列出彼此之下的這些按鍵？

回答

相關問題