button click event is triggered after keypress using jQuery

Question

I have these codes

$('#search-button').keypress(function (e) {
   if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {            
        search();
   };
});

$('#search-button').bind('click', function () {
   search();
});

under the search module I have an alert, now whenever I press Enter when the button is in focus, the search() under the click event also triggers. Please help. Thanks.

Answer 1

Pressing enter does fire the keypress event - but also triggers the button's 'click' event, so you get search called twice.

You don't need to add a handler for the enter key.

Answer 2

Why do you put the keypress event on the button? Pressing Enter on it will trigger the click event anyway. You'll probably want to put the keypress event on the text input or drop it altogether.