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

Question

Is it possible to call a javascript function on enter of a text input, without using jquery?

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

^---it would be preferable for the onEnter to be inside the element like above...

Answer 1

Sure is:

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

You can also do it without the inline javascript:

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

Then in your js file:

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

---

Edit: If you're looking for enter press:

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

Then in your js file:

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

Answer 2

Use the event onchange . You can do this on HTML:

<input onchange="fncDoThings()">

And your JS file can be like this:

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