button on enter 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: 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/
Example 3: 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();
}
});