
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
How to trigger a button click on keyboard "enter" with JavaScript?
To trigger a button click on keyboard "enter" with JavaScript, the code is as follows −
Example
<!DOCTYPE html> <html> <head> <h1>Trigger Button Click on Enter Example</h1> <input id="inputField" value="Some text.." /> <button id="alertBtn" onclick="alert('Button has been clicked')"> Button </button> <h2> Press the "Enter" key inside the above input field to trigger the button. </h2> <script> var inputText = document.getElementById("inputField"); inputText.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); document.getElementById("alertBtn").click(); } }); </script> </body> </html>
Output
The above code will produce the following output −
On typing something in the field and then pressing enter −
- Related Articles
- JavaScript Trigger a button on ENTER key
- Trigger a button click and generate alert on form submission in JavaScript
- How to trigger the HTML button after hitting enter button in the textbox using JavaScript?
- How to click on a button with Javascript executor in Selenium with python?
- How to add and remove names on button click with JavaScript?
- How to hide a div in JavaScript on button click?
- Enter a number and write a function that adds the digits together on button click in JavaScript
- How can I trigger a JavaScript click event?
- How to detect pressing Enter on keyboard using jQuery?
- How to remove li elements on button click in JavaScript?
- JavaScript Sum function on the click of a button
- Add a pressed effect on button click with CSS
- How to detect click on HTML button through javascript in Android WebView?
- How to display JavaScript array items one at a time in reverse on button click?
- JavaScript how to get an alert to appear when I click on a button in a class?

Advertisements