JQuery Terminal term.echo 来自另一个函数？

Question

我正在尝试使用：http://terminal.jcubic.pl/

我希望能够从另一个函数调用 term.echo 以便能够在终端内放置数据，但我无法引用它。

代码如下：

jQuery(document).ready(function($) {
    var id = 1;
    $('body').terminal(function(command, term) {
        if (command == 'help') {
            term.echo("available commands are mysql, js, test");
        } else{
          term.echo("entered: " + command);
        }

    }, {
        greetings: "Shell",
        onBlur: function() {
            return false;
        }
    });
});

如何从外部访问term.echo，这样我就可以像一个按钮一样点击调用term.echo来添加数据？

Answer 1

最简单的方法是使用全局变量作为 term 对象的引用。在您的示例中，可能如下所示：

// global placeholder for term object
var terminal = null;

jQuery(document).ready(function($) {
    var id = 1;
    $('body').terminal(function(command, term) {

        // setting up global reference
        terminal = term;

        if (command == 'help') {
            term.echo("available commands are mysql, js, test");
        } else{
          term.echo("entered: " + command);
        }

    }, {
        greetings: "Shell",
        onBlur: function() {
            return false;
        }
    });
});

此代码的问题是它会在 document 上触发 ready 事件后加载终端，而您永远无法确定何时会发生这种情况。

在 document.ready 被触发后，您将能够在任何地方使用terminal.echo('');。

Answer 2

终端返回的值与interpter参数中的对象是同一个对象（在这两种情况下都是带有附加终端方法的jQuery对象），所以你可以这样做：

jQuery(function($) {
    var terminal = $('body').terminal(function(command, term) {
        if (command == 'help') {
            term.echo("available commands are mysql, js, test");
        } else{
          term.echo("entered: " + command);
        }

    }, {
        greetings: "Shell",
        onBlur: function() {
            return false;
        }
    });

    terminal.echo("Some text");
});