jQuery: How to detect whether the user has pressed Enter using jQuery

Last update on August 19 2022 21:50:45 (UTC/GMT +8 hours)

jQuery Practical exercise Part - I : Exercise-22

How to detect whether the user has pressed 'Enter key' using jQuery.

Sample Solution:

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Detect pressing Enter key on keyboard using jQuery.</title>
</head>
<body>
<p>Input a value within the textbox and press Enter</p>
 <form>
 <input type="text" id="hello"></p>
 </form>
 </body>
 </html>

JavaScript Code:

$(document).keypress(function(e) {
    if(e.which == 13) {
        console.log('You pressed enter!');
    }
});

See the Pen jquery-practical-exercise-22 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: Check if an object is a jQuery object.
Next: Count number of rows and columns in a table using jQuery.