在输入文本时调用 javascript 函数，而不使用 jquery

Question

是否可以在不使用 jquery 的情况下在输入文本时调用 javascript 函数？

<input name = 'text' type = 'text' onEnter('callJavascriptFunction')>

^---onEnter 最好像上面那样放在元素内部...

Answer 1

当然是：

<input name="text" type="text" onkeyup="callJavascriptFunction();">

你也可以不用内联 javascript:

<input id="myTextBox" name="text" type="text">

然后在你的js文件中：

var myTextBox = document.getElementById('myTextBox');
myTextBox.addEventListener('keyup', function(){
    //do some stuff
});

编辑：如果您要查找，请按：

<input id="myTextBox" name="text" type="text">

然后在你的js文件中：

var myTextBox = document.getElementById('myTextBox');
myTextBox.addEventListener('keypress', function(){
    if(e.keyCode == 13){//keyCode for enter
        //do some stuff
    }
});

Answer 2

使用事件 onchange。您可以在 HTML:

上执行此操作

<input onchange="fncDoThings()">

而你的JS文件可以是这样的：

function fncDoThings() {
    console.log('hello'); //just an example of things to do inside the function
};

在输入文本时调用 javascript 函数，而不使用 jquery

Call javascript function on enter of a text input, without using jquery

javascript

events

onkeyup