enter event listener javascript code example

Example 1: javascript enter event listener

document.querySelector('#txtSearch').addEventListener('keypress', function (e) {
    if (e.key === 'Enter') {
      // code for enter
    }
});

Example 2: javascript bind key to button

//https://stackoverflow.com/questions/6542413/bind-enter-key-to-specific-button-on-page
//upvote them on stackoverflow
//jquery------------------------------------------------------
//answer by Chris Laplante  
$(document).keypress(function(e){
    if (e.which == 13){
        $("#button").click();
    }
});

//pure javascript--------------------------------------------
//answer by Alexander Kim
window.addEventListener('keyup', function(event) {
  if (event.keyCode === 13) {
    alert('enter was pressed!');
  }
});

//https://www.w3schools.com/howto/howto_js_trigger_button_enter.asp
// 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();
  }
});

Example 3: evento tecla enter javascript

$(document).keypress(function(e) {
       if(e.which == 13) {
           alert('You pressed enter!');
       }
});