Question

我想要一个JavaScript，当用户在文本框中键入内容时调用函数。例如，当用户键入

时

“command1”在文本框中，function1()将被称为
“command2”将调用function2()

等等。

有人能指出我正确的方向吗？

到目前为止我的代码：

function myFunction() { 
    var command = prompt("enter your command", "/command"); 
    if command("/hello") {
        //call function1 
    } 
} 

function1() { alert("hi") }

如果您有其他方法可以解决这个问题，那也会有所帮助。

Answer 1

HTML：

<input type='text' id='textBox1' />

JS：

    $('#textBox1').keyup(function(){
    switch(this.val()){
        case 'command1':
            this.val(command1());
            break;
        case 'commandB':
            this.val(commandB());
            break;
    }
});

function command1(){return 'command1 was inputted'}
function commandB(){return 'B was inputted'}

JSFIDDLE

Answer 2

以下是代码：

$('#yourTextbox').keyup(function() {
   var val = $(this).val();

   if(val == "command1") {
      function1();
   }else if(val == "command2") {
      function2();
   }
});

就是这样。

Answer 3

让您的文本框ID为txt 所以你的js代码

function function1(){
alert('f1');
}
function function2(){
alert('f2');
}
$('#txt').blur(function() {
    var getText=document.getElementById("txt").value;
    if(getText == "command1"){
               function1();
          }
          if(getText == "command2"){ 
                function2();
          }
});

DEMO

Answer 4

您的代码只需要进行一些更改：

function myFunction() { 
    var command = prompt("enter your command", "/command"); 

    if (command == "/hello") {
        function1 ();
    } 
} 

function function1() {
    alert("hi");
}

myFunction();

DEMO

Answer 5

我可以把Switch的东西放进去吗？这里：

function myFunction() {
    var   command;
    command= prompt('Enter your command, hello');
    if (command === null) {
        return; 
    }
    switch (command) {
    case 'hello':
        alert("hello");
        break;
    case 'bye':
        alert("goodbye");
        break;
    }
}

Answer 6

我会在按钮上设置一个onclick监听器，当用户点击它时，它会接受输入，然后说：

<textbox id="textBox"/>
<button onclick="onClickButton();"/>
<script>
    function onClickButton(){
          if(document.getElementById("textBox").value == "command1"){
               command1();
          }
          if(document.getElementById("textBox").value == "command2"){ 
                command2();
          }
     }
</script>

这有用吗：D

在文本框上输入以调用函数？

6 个答案:

DEMO