尝试制作一个类似于终端外壳的网页，为什么会出现这种情况'不起作用

Trying make a terminal shell like webpage, why this dosen't work?

本文关键字：为什么 不起作用 情况 网页 外壳 终端 类似于 一个      更新时间：2023-09-26

我正在尝试制作一个类似终端外壳的网页，在文本输入字段中键入一些内容，然后点击enter打印出来，然后滚动提示，我不知道该怎么做，所以这只是一个非常简单的测试，但为什么它不起作用？http://jsfiddle.net/paopaomj/qGw4Q/1/我是在jsfiddle上写的，不知道如何在stackoverflow上发布嵌入的代码，所以下面的代码已经有了javascript和jquery加载语句。我是个编码新手，所以谢谢你的帮助。

html:

<body>
<div id="output"></div>
<div id="input"> 
    <span>root@host</span>&nbsp;
    <input type="text" id="command" />
</div>

javascript:

    $("command").keyup(function (e) {
    if (e.keyCode == 13) {
        submit();
    }
});
var submit = function () {
    var command = document.getElementById("command").value;
    var outputel = document.getElementById("output");
    var div = document.createElement("div");
    div.innerHTML = "root@host " + command;
    outputel.appendChild(div);
};

您只需要将id选择器添加到jQuery元素：$("#command")

您在jquery选择器$（"#命令"）中缺少#。对于jquery按id选择dom元素，选择器语法为#后跟id

$("#command").keyup(function (e) {
    if (e.keyCode == 13) {
        submit();
    }
})
相关文章：