How TO - Trigger Button Click on Enter
Trigger a button click on keyboard "enter" with JavaScript.
Trigger a Button Click on Enter
Press the "Enter" key inside the input field to trigger the button:
Example
// Get the input field
var input = document.getElementById("myInput");
// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup",
function(event) {
// Number 13 is the "Enter" key on the keyboard
if (event.keyCode ===
13) {
// Cancel the default action, if needed
event.preventDefault();
// Trigger the button element with a click
document.getElementById("myBtn").click();
}
});
Try it Yourself »
Tip: Learn more about the event.keyCode property in our JavaScript Reference.
