enter key event 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 key pressed enter
$('.container').on('keydown', 'input', function(e) {
if (e.keyCode === 13) {
e.preventDefault();
e.stopImmediatePropagation();
//Do your stuff...
}
});
Example 3: html button press enter off
Explicit Prevention:
<form>
<label for="name">Name:</label>
//Not able to press `Enter`
<input type="text" name="name" onkeypress="ExplicitPrevention(event)">
//Able to press `Enter`
<input type="submit" value="Submit">
</form>
<script>
const ExplicitPrevention = function (event) {
var keyPressed = event.keyCode || event.which;
if (keyPressed === 13) {
alert("Test: You pressed the Enter key!!");
event.preventDefault();
}
}
</script>
//Also check: https://www.tjvantoll.com/2013/01/01/enter-should-submit-forms-stop-messing-with-that/
//and: https://www.geeksforgeeks.org/how-to-disable-form-submit-on-enter-button-using-jquery/