Question

脚本显示按键，但当我按下新按键时它们会消失

我会在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;
            } 
        };      
    });

Answer 1

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

将文本附加到div。对于新行，您可以添加HTMl，以便br执行此操作。 2如果你想要这个差距就可以了。或者你可以将它们包装在p

中

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

Answer 2

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

如何在彼此下方列出这些按键？

2 个答案: