javascript - 尝试制作类似网页的终端外壳,为什么这不起作用?

标签 javascript

我正在尝试制作一个像网页一样的终端外壳,在文本输入字段中输入一些内容然后按回车键将其打印出来然后滚动提示,我不知道到底该做什么,所以这只是一个非常简单的测试,但为什么它不起作用? 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")

关于javascript - 尝试制作类似网页的终端外壳,为什么这不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18414242/

相关文章:

javascript - 按两个不同的属性对项目进行排序 javascript

javascript - 如何使用jQuery或JavaScript模拟点击按钮的 Action ?

javascript - 使用 mysql 和流传感器数据绘制 d3 实时图形

Javascript 2.0 类

javascript - jquery 101 表单提交不工作

javascript - Protractor 同步 - 超时

javascript - jQuery 使全局变量

javascript - 变量不适用于alsoResize : for colSelect

javascript - 当鼠标具有特定类时更改 div 的背景图像

javascript - 对象被 JavaScript 中的后续对象覆盖