How to trigger click on pressing Enter key inside text input using Javascript or jQuery?

Trigger click on Enter using jQuery

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

$("#MainSearch").click(function() {
  console.log("Button clicked.");
});

OR using Javascript

var input = document.getElementById("SearchInput");

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

OR Using inline-javascript

<input type = "text"
       id = "SearchInput" 
       onkeydown = "if (event.keyCode == 13)
                        document.getElementById('btnSearch').click()" />

<input type = "button"
       id = "MainSearch"
       value = "Search"
       onclick = "doSomething();"/>

Hope this helps.

keycode 13 = enter, so we can simply use the below jquery code to check if 'Enter' keyboard button is clicked.

$('#YourButton').keydown(function(event){ 
    var keyCode = (event.keyCode ? event.keyCode : event.which);   
    if (keyCode == 13) {
        // enter is clicked do something
    }
});