javascript on enter press code example

Example 1: hit enter button lick in js

<form>
    <input id="myInput" placeholder="Some text.." value="">
    <input type="submit" id="myBtn" value="Submit">
</form>

<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        event.preventDefault();
        document.getElementById("myBtn").click();
    }
});
</script>

Example 2: javascript key pressed enter

$('.container').on('keydown', 'input', function(e) {
  if (e.keyCode === 13) {
    e.preventDefault();
  	e.stopImmediatePropagation();
    //Do your stuff...
  }
});

Example 3: javascript detect enter press on input

var el = document.getElementById("myInputID");
el.addEventListener("keyup", function(event) {
    if (event.key === "Enter") {
        // Enter key was hit
    }
});

Example 4: input enter button js

// Get the input field
var input = document.getElementById("myInput");

  
input.addEventListener("keyup", (event) => {
    if (event.key === "Enter") {
        // Cancel the default action, if needed
        event.preventDefault();
        // Trigger the button element with a click
        document.getElementById("myBtn").click();
    }
})

Tags:

Html Example

Related