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

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>
<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>
<p>Input a value within the textbox and press Enter</p>
 <input type="text" id="hello"></p>

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.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.