- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Detect the ENTER key in a text input field with JavaScript
You can use the keyCode 13 for ENTER key. Let’s first create the input −
<input type="text" id="txtInput">
Now, let’s use the on() with keyCode to detect the ENTER key. Following is the complete code −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<input type="text" id="txtInput">
<script>
$("#txtInput").on('keyup', function (event) {
if (event.keyCode === 13) {
console.log("Enter key pressed!!!!!");
}
});
</script>
</body>
</html>To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
When you press an ENTER key, you will get the following message as in the below console output −
Published on 03-Sep-2020 06:47:01
- Related Questions & Answers
- JavaScript Trigger a button on ENTER key
- Enter key press event in JavaScript?
- How to fire after pressing ENTER in text input with HTML?
- How to simulate pressing enter in html text input with Selenium?
- How to key in values in input text box with Javascript executor in Selenium with python?
- Make HTML text input field grow as I type in JavaScript?
- Typing Enter/Return key in Selenium.
- Check whether Enter key is pressed or not and display the result in console with JavaScript?
- How to bind the Enter key to a tkinter window?
- Small input field with Bootstrap
- Large input field with Bootstrap
- How to detect Ctrl+Enter in textarea using jQuery?
- How do I bind the enter key to a function in Tkinter?
- How to use a textarea (a multi-line text input field) in HTML?
- How to detect pressing Enter on keyboard using jQuery?
Advertisements