Home » Html » jQuery: Prevent enter key [duplicate]

jQuery: Prevent enter key [duplicate]

Posted by: admin November 29, 2017 Leave a comment

Questions:

This question already has an answer here:

Answers:

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();

  });

Questions:
Answers:

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.

Questions:
Answers:

Use event.keyCode in the keydown event:

$('#comment').keydown(function(event) {
   if(event.keyCode == 13) return false;
   //carry on...
});

Questions:
Answers:
$('#comment').keypress(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});

Questions:
Answers:

Try with .keypress and use return false;

Good luck!

Questions:
Answers:

While the answers provided here will prevent someone from typing a carriage return, it will not prevent someone from pasting one in.

You would need to do some post processing of the text (in javascript or server-side) to remove them.

http://jsfiddle.net/we8Gm/

But the question is, why? Why not simply use <input type="text"></input> which takes care of this automatically as it is a single-line input element?