Question

120

How can I execute a function on pressing the enter key in an < input> field?

rated 0 times [ 124] [ 4] / answers: 1 / hits: 126012 / 11 Years ago, mon, april 15, 2013, 12:00:00

I have an input and I'd simply like to add an event listener for it to activate a function when I press enter, when the input is focused. How do I do this with pure JS?

Right now I have:

HTML:

Enter your wage:<input type="text" id="wage" value ="" size=20>

<button id="sub">Submit</button>

JavaScript:

var wage = document.getElementById("wage");

wage.addEventListener("change", validate);



var btn = document.getElementById("sub");

btn.addEventListener("click", validate);

So basically the function validate() activates when I click OR change the text, but I want to call it by pressing enter.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

harleyaleenag

Add To Favorites

Follow

Total Points: 678

Total Questions: 121

Total Answers: 105

Location: Papua New Guinea

Member since Thu, Jul 9, 2020

4 Years ago

harleyaleenag questions

1 How to use redis client in nestjs?

Thu, May 5, 22, 00:00, 2 Years ago

1 After build via Webpack 5 app stoped working on Internet Explorer (IE11)

Thu, Oct 22, 20, 00:00, 4 Years ago

1 TypeScript type for value of key in object

Wed, Aug 19, 20, 00:00, 4 Years ago

1 GDPR: youtube-nocookie embedded URL's, need visitors' permission?

Tue, May 19, 20, 00:00, 4 Years ago

1 How to wait for fetch to complete before rendering page in React.js

Thu, Mar 5, 20, 00:00, 4 Years ago

View All

answered 11 Years ago vaughns · Accepted Answer

You can use this:

var wage = document.getElementById("wage");

wage.addEventListener("keydown", function (e) {

    if (e.code === "Enter") {  //checks whether the pressed key is "Enter"

        validate(e);

    }

});



function validate(e) {

    var text = e.target.value;

    //validation of the input...

}

Live demo here