Advertisements
How to detect enter key press on keyboard using jQuery
Topic: JavaScript / jQueryPrev|Next
Answer: Use the key code 13
for Enter key
There are certain situations when you want to check whether user has pressed Enter key on keyboard, for example sending form data through Ajax on pressing Enter key, and so on.
To do this, you can simply use the key code 13
, which is the ASCII equivalent of Enter key and supported in all major browsers. Let's try out an example to understand how it works:
Example
Try this code »<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Check if Enter Key is Pressed with jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).on("keypress", function(e){
if(e.which == 13){
$("body").append("<p>You've pressed the enter key!</p>");
}
});
</script>
</head>
<body>
<p><strong>Note:</strong> Click on the viewport and press the Enter key on the keyboard. A message will be displayed.</p>
</body>
</html>
Related FAQ
Here are some more FAQ related to this topic:
- How to detect the enter key press in a text input field using jQuery
- How to move an element to left, right, up and down using arrow keys in jQuery
- How to detect click inside iframe using JavaScript
Advertisements