I am trying to prevent the enter key from being put into a textarea, but it doesn't seem to work.
$('#comment').keyup(function(event) { if (event.text.charCodeAt() == '10') { event.preventDefault(); } });
getElementById("testForm"); form. addEventListener("submit",function(e){e. preventDefault(); return false;}); This solution will now prevent the user from submit using the enter Key and will not reload the page, or take you to the top of the page, if your form is somewhere below.
key 13 keycode is for ENTER key.
Disabling enter key for the formaddEventListener('keypress', function (e) { if (e. keyCode === 13 || e. which === 13) { e. preventDefault(); return false; } });
I have written little demonstration on jsfiddle.net, where you can try this code
Everybody has right answer :)
$('#comment').keypress(function (event) { if (event.keyCode === 10 || event.keyCode === 13) { event.preventDefault(); } });
You can't cancel a keyup
event. You can cancel keydown
and keypress
events though. In the documentation, notice that under "Event Information", "Cancels" is "No" for keyup
:
Using keydown
allows you to cancel far more keys than keypress
, but if you don't want to cancel until after the key has been lifted, keypress
is what you want. Fortunately for you, the enter key is one of the cancellable keys for the keypress
event.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With