How to prevent 'pressing enter' in an input to trigger an event ? Java script

Question

I have an input and an appended button. The click on button calls some function. But I don't want this function to be called when user 'presses enter key'. On the other hand, I want on keyup in this input to call some other function. SO I put

$(document).on('keyup', '#id', function(e){
        call();//calling some function
        if (e.which == 13 || event.keyCode == 13) {
            e.preventDefault();//I also tried to return false
        }
     });

But it doesn't seem to work, someone has an idea ?

Oyeme · Accepted Answer · 2013-02-14 11:08:14Z

1

$(document).on('keyup', '#id', function(e){
    if (event.keyCode != 13) {
        e.preventDefault();
        call();//calling some function
    }
    return false;
 });

edited Feb 14, 2013 at 11:08

answered Feb 14, 2013 at 10:59

Oyeme

11.3k4 gold badges46 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

epsilones Over a year ago

Still not working and I have this message : Uncaught TypeError: Cannot read property '0' of undefined

Oyeme Over a year ago

try to change the identificators

epsilones Over a year ago

Sorry what do you mean exactly ?

Oyeme Over a year ago

@Newben the problem is not in this function.

Jai · Accepted Answer · 2013-02-14 10:58:27Z

0

Try this:

$(document).on('keyup', '#id', function(e){
    if (e.which == 13 || e.keyCode == 13) {
        e.preventDefault();//I also tried to return false
    }else{
         call();//calling some function
    }
 });

answered Feb 14, 2013 at 10:58

Jai

74.8k12 gold badges77 silver badges104 bronze badges

4 Comments

epsilones Over a year ago

Still not working and I have this message : Uncaught TypeError: Cannot read property '0' of undefined

Jai Over a year ago

What is #id in your document? Is this unique to this elem or anyother elem also has same id.

Jai Over a year ago

how did you get this: Uncaught TypeError: Cannot read property '0' of undefined after inputing something

epsilones Over a year ago

This is because the call() function returns 'invalid' when the input is not the right one

Byscripts · Accepted Answer · 2013-02-14 11:04:59Z

0

Don't use keyup, since the form is send on keydown.

answered Feb 14, 2013 at 11:04

Byscripts

2,5882 gold badges19 silver badges25 bronze badges

Comments

Felipe Miosso · Accepted Answer · 2013-02-14 11:11:26Z

0

Have you tried switch .call() function to a simple alert(), just for tests purpose. @Oyeme and @Jai code seems to work properly.

answered Feb 14, 2013 at 11:11

Felipe Miosso

7,3396 gold badges46 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to prevent 'pressing enter' in an input to trigger an event ? Java script

4 Answers 4

4 Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related