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

Fragile Finch answered on September 24, 2021 Popularity 10/10 Helpfulness 4/10

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

related on enter press button

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

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 enter input javascript keyword using

Link to this answer
Share Copy Link

Contributed on Feb 05 2022

Fragile Finch

0 Answers Avg Quality 2/10

Closely Related Answers

on enter press button

Comment

<input onkeyup="if(event.keyCode===13){submit.click()}"><button id="submit">submit</button>

Popularity 10/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 24 2021

FrostyAnimations126

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Aug 01 2022

thecodeteacher

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

on enter press button

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

Grepper

Documentation

Social

Legal

Contact

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