Breaking News: Grepper is joining You.com. Read the official announcement!

Trigger a button click with JavaScript on the Enter key in a text box

Add Answer

thecodeteacher answered on February 5, 2022 Popularity 9/10 Helpfulness 4/10

answer Trigger a button click with JavaScript on the Enter key in a text box

related click button when press enter javascript

related How to trigger button using enter keyword in an input box?

related how to trigger button click on enter javascript

Trigger a button click with JavaScript on the Enter key in a text box

Comment

### please check the source for in detail explanation ###
In jQuery, the following would work:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});
$("#pw").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#myButton").click();
    }
});

$("#myButton").click(function() {
  alert("Button code executed.");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton">Submit</button>
Or in plain JavaScript, the following would work:

document.getElementById("id_of_textbox")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("id_of_button").click();
    }
});
document.getElementById("pw")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myButton").click();
    }
});

function buttonCode()
{
  alert("Button code executed.");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Username:<input id="username" type="text"><br>
Password:&nbsp;<input id="pw" type="password"><br>
<button id="myButton" onclick="buttonCode()">Submit</button>

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: worcraft-algeria-dz.com

Tags: box button click enter javascript key text

Link to this answer
Share Copy Link

Contributed on Aug 01 2022

thecodeteacher

0 Answers Avg Quality 2/10

Closely Related Answers

click button when press enter javascript

Comment

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();
  }
});

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Mar 03 2022

Maeron Reyes

0 Answers Avg Quality 2/10

How to trigger button using enter keyword in an input box?

Comments(2)

document.getElementById("pw")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myButton").click();
    }
});

function buttonCode()
{
  alert("Button code executed.");
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Feb 05 2022

Fragile Finch

0 Answers Avg Quality 2/10

how to trigger button click on enter javascript

Comment

How to Trigger Button Click on Enter Key Press using JavaScript

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: button click

Link to this answer
Share Copy Link

Contributed on May 28 2023

Emmanuel Adenola

0 Answers Avg Quality 2/10

Trigger a button click with JavaScript on the Enter key in a text box

Contents

More Related Answers

Trigger a button click with JavaScript on the Enter key in a text box

Closely Related Answers

click button when press enter javascript

How to trigger button using enter keyword in an input box?

how to trigger button click on enter javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.