jquery keypress/keydown to call function

Question

my previous question:

sweetamylase posted her fiddle http://jsfiddle.net/amyamy86/jSyfy/ , which is great and very close to what I am trying to achieve, but I am having trouble getting it so that pressing enter will trigger the same as clicking the button.

I tried this and other variations

$("input").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
       FoodDispaly();
    }
});

but haven't gotten it to work

Need more code to understand what exactly is going on here. Make a jsFiddle with your code and then post that. — Tabetha Moe
– Tabetha Moe, Commented Apr 9, 2013 at 15:52

S Grimminck · Accepted Answer · 2013-04-09 16:01:00Z

4

Personally, I've always had problems with keypress. Use keyup instead. I've modified the fiddle linked to you in your first post to handle keyup:

$("#inputFoodChoice").keyup(function (e) {
                var code = (e.keyCode ? e.keyCode : e.which);
                if (code == 13) { //Enter keycode
                    e.preventDefault();
                    checkInputValue(e);
                }
});

http://jsfiddle.net/jSyfy/1/

answered Apr 9, 2013 at 16:01

S Grimminck

5284 silver badges21 bronze badges

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

Comments

tymeJV · Accepted Answer · 2013-04-09 15:59:49Z

1

To go with your problem, add this right after the button click handler:

$("#inputFoodChoice").keyup(function(event) {
    if (event.which == 13) {
        checkInputValue();
    }
});

See fiddle: http://jsfiddle.net/jSyfy/2/

edited Apr 9, 2013 at 15:59

answered Apr 9, 2013 at 15:52

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Collectives™ on Stack Overflow

jquery keypress/keydown to call function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related