Question

158

How to detect when the user presses Enter in an input field

rated 0 times [ 164] [ 6] / answers: 1 / hits: 115146 / 12 Years ago, fri, july 6, 2012, 12:00:00

I only have 1 input field and I want to register onChange and onKeyPress event to detect when the users finish their input or press the Enter key. I need to use javascript only. Thanks for the help.

I have:

var load = function (){

   //I want to trigger this function when user hit Enter key.

}



document.getElementById('co').onchange=load;   //works great

document.getElementById('co').onKeyPress=load; 

//not sure how to detect when user press Enter

html

//no form just a single input field

<input type='text' id='co'>

Answers

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

leog

Add To Favorites

Follow

Total Points: 225

Total Questions: 113

Total Answers: 118

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

leog questions

1 Why using toRef(props) and is it good idea to change their value in CompositionAPI?

Fri, Oct 1, 21, 00:00, 3 Years ago

1 Material-UI pickers trigger validation on blur not on change?

Sun, Sep 13, 20, 00:00, 4 Years ago

1 What's the difference between onClick ={ () => function()} and onClick = {function()}?

Thu, Jul 16, 20, 00:00, 4 Years ago

1 Detect an Electron instance via JavaScript

Mon, May 11, 20, 00:00, 4 Years ago

1 changing theme with react native elements not working?

Sat, Apr 18, 20, 00:00, 4 Years ago

View All

answered 12 Years ago grant · Accepted Answer

document.getElementById('foo').onkeypress = function(e){

    if (!e) e = window.event;

    var keyCode = e.code || e.key;

    if (keyCode == 'Enter'){

      // Enter pressed

      return false;

    }

  }

DEMO