Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript/HTML命令行小部件_Javascript_Command Line_Widget - Fatal编程技术网

JavaScript/HTML命令行小部件

JavaScript/HTML命令行小部件,javascript,command-line,widget,Javascript,Command Line,Widget,我正在用JavaScript制作一个基于文本的游戏,我正在寻找一个具有以下功能的命令行小部件: 打印-能够发送同步命令,将一些文本(最好支持任意HTML)放入命令行 命令-能够指定用户可以输入的命令,然后执行功能(应支持此类命令的参数,最好还具有自动完成功能) 提示-能够请求输入(并将该输入发送到回调)。这将对打印进行排队,并禁用命令 用户不应该能够编辑输出文本(但应该能够复制和粘贴) 最好使用语义元素 浏览器支持:最新的Firefox和Chrome,最好还有IE9、最新的Safari和Ope

我正在用JavaScript制作一个基于文本的游戏,我正在寻找一个具有以下功能的命令行小部件:

  • 打印-能够发送同步命令,将一些文本(最好支持任意HTML)放入命令行
  • 命令-能够指定用户可以输入的命令,然后执行功能(应支持此类命令的参数,最好还具有自动完成功能)
  • 提示-能够请求输入(并将该输入发送到回调)。这将对打印进行排队,并禁用命令
  • 用户不应该能够编辑输出文本(但应该能够复制和粘贴)
  • 最好使用语义元素
  • 浏览器支持:最新的Firefox和Chrome,最好还有IE9、最新的Safari和Opera

有人知道任何这样的预先存在的小部件吗?如果没有,有人能告诉我如何制作一个小部件的技巧吗?

制作这个小部件并不像你想象的那么复杂。我最近为一个项目制作了一个,使用HTML元素和jQueryJS

我在输入行中使用了一个输入元素,用于处理诸如enter和tab之类的特殊按键。对于以前的命令和响应,我使用了一个可滚动的区域,当新的输入或响应可用时,我会将新元素添加到该区域

我以div显示命令和响应,这允许复制和粘贴(以及HTML格式)。我甚至将响应公开,所以我只在开始时显示命令,您可以单击“展开”按钮显示其余部分

最后一切都很顺利。只有几个简单的HTML元素和一些jQuery代码,它们不像我启动它时想象的那么复杂。到目前为止,最复杂和最复杂的代码是在调整美学

看,这是一个用Javascript编写的、运行Linux的»虚拟盒子«,终端可能是你可以看看的东西。据我所知,桌子已经用完了


问候…

我刚才想做这样的东西,但不知道以后该去哪里。(可能的命令有:test’、‘help’、‘while’、‘man’、‘shikiryu是我的上帝’)你可以用脚本激励自己。