How to disable Enter/Return Key After a function is executed because of it?

Question

I have this function where #text_comment is the ID of a textarea:

$('#text_comment').live('keypress',function (e) {

    if(e.keyCode == 13) {
        textbox = $(this);
        text_value = $(textbox).val();

        if(text_value.length > 0) {
            $(this).prev().append('<div id="user_commenst">'+text_value+'</div>');
            $(textbox).val("");
        } 
    }                                               
});

What is happening is the text is appending when the enter/return key is hit (keyCode 13), but it is also moving the text a line down, as the enter/return key is supposed to.

This is occurring even though I set the value of the textbox to "".

score 4 · Answer 1 · answered Jun 15 '11 at 09:05

4

How about event.preventDefault()

answered Jun 15 '11 at 09:05

eugeneK

10,750
19
66
101

How would you preventDefault for specifically the enter key? – TaylorMac Jun 15 '11 at 09:11
Would bind it to event insde of if statement? – eugeneK Jun 15 '11 at 09:16

score 2 · Answer 2 · answered Jun 15 '11 at 09:07

2

Try and stop your event propagation (See http://snipplr.com/view/19684/stop-event-propagations/) when entering the if(e.keyCode == 13) case.

answered Jun 15 '11 at 09:07

Thor Jacobsen

8,621
2
27
26

score 2 · Answer 3 · answered Jun 15 '11 at 09:11

2

try this one event.stopImmediatePropagation()

$('#text_comment').live('keypress',function (e) {       
          if(e.keyCode == 13) {   
               e.stopImmediatePropagation()
       ///rest of your code
  }
});

answered Jun 15 '11 at 09:11

Vivek

10,978
14
48
66

Yes this works fine. Im sorry, it was another function that was messing it up – TaylorMac Jun 15 '11 at 09:49

score 2 · Answer 4 · answered Jun 15 '11 at 09:20

I've tested this out, this works. The enter does not create a new line.

$('#text_comment').live('keypress',function (e) {

    if(e.keyCode == 13) {
        textbox = $(this);
        text_value = $(textbox).val();

        if(text_value.length > 0) {
            $(this).prev().append('<div id="user_commenst">'+text_value+'</div>');
            $(textbox).val("");
        }
        return false;
    }                                               
});

Although I am wondering, if you don't want to ever have a new line, why are you using a textarea, why not use a input type='text' instead ?

score 1 · Accepted Answer · answered Jun 15 '11 at 09:34

1

Answer here http://jsfiddle.net/Z9KMb/

answered Jun 15 '11 at 09:34

Carls Jr.

3,088
7
37
57

@TaylorMac- i think `ugeneK` has given the same answer,40 mins before, then for what you are waiting? working example :D – Vivek Jun 15 '11 at 09:50
lol, I think I know why, might be because he wanted to see the actual implementation before he believes on it. To see is to believe as how they say it. I would give +1 for eugeneK also for everyone who answered right for a credit. It doesn't matter who answered first, what matters most is we tried to help the best we can. :) – Carls Jr. Jun 15 '11 at 10:54
And +1 for TaylorMac for causing this trouble hahaha – Carls Jr. Jun 15 '11 at 10:55
@Ian Jasper Bardoquillo -+1 for your explanantion, why TaylorMac did this.. he he he – Vivek Jun 15 '11 at 10:58
@Vivek: hahaha this is what makes stackoverflow so exciting :) we learn a lot of things – Carls Jr. Jun 15 '11 at 11:07
@Ian Jasper Bardoquillo, it matters to me because i sell StackoverFlow points on ebay. – eugeneK Jun 15 '11 at 11:28
@eugeneK :) I'll take your word for it – Carls Jr. Jun 16 '11 at 01:37
1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – ProgramFOX Mar 05 '14 at 15:59

How to disable Enter/Return Key After a function is executed because of it?

5 Answers5

Linked