尝试制作像网页一样的终端shell,为什么这不起作用?

时间:2013-08-24 02:14:17

标签: javascript

我正在尝试制作一个像网页一样的终端shell,在文本输入字段中键入内容然后按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);
};

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

你在jquery selector $(“#command”)中缺少#。 为了让jquery按id选择dom元素,选择器语法是#后跟id

$("#command").keyup(function (e) {
    if (e.keyCode == 13) {
        submit();
    }
})