JQuery on click and on enter keyup, different classes

Question

Desperate late night coding before a submission.

I have two HTML objects with two separate class names that I'm looking to bind the same event with different actionlisteners.

<form class="form-wrapper cf" action ="">
  <input id="searchInput" type="text" placeholder="Search for Sets or Cards" required>
  <button class="searchButton" type="button">Search</button>
</form>

I've managed to handle the button on click, and after reading the documentation for "on" I see that you can bind multiple listeners to the same class. However I can't figure out if it's possible to do the keyup as well.

$(".searchButton").on("click" ,function(){

Possible duplicate http://stackoverflow.com/questions/8608145/jquery-on-method-with-multiple-event-handlers-to-one-selector — Mark Walters, May 07 '13 at 08:48
@MarkWalters: Question is reversed. I'm looking for two listeners, same event, different objects. He has multiple events, one object, same listener. Not quite it. — user1870954, May 07 '13 at 09:21

score 7 · Accepted Answer · answered May 07 '13 at 08:51

7

Try this:

$('.searchButton, #searchInput').on('click keyup' ,function(){

answered May 07 '13 at 08:51

dersvenhesse

6,276
2
32
53

That did the charm, thanks. Was a lot easier than I expected. I was only going to make it hit the server on return keyup, but this is much sexier as well. Many hearts – user1870954 May 07 '13 at 09:23

score 2 · Answer 2 · answered May 07 '13 at 08:54

2

Are you looking for something like this: jsfiddle link http://jsfiddle.net/XAGD9/2/

$(document).on("click keyup",".searchButton" ,function(){

answered May 07 '13 at 08:54

V31

7,626
3
26
44

score 1 · Answer 3 · answered May 07 '13 at 08:50

1

You can do this:

$(".form-wrapper").on("click keyup", ".searchButton",function(){
    // Your code here
});

answered May 07 '13 at 08:50

palaѕн

72,112
17
116
136

Ahmed Alnahas · Answer 4 · 2013-05-07T09:02:27.193

-1

try this :

     $(".searchButton").bind("click keyup" ,function(){});

edited May 07 '13 at 09:02

answered May 07 '13 at 08:52

Ahmed Alnahas

263
1
4

JQuery on click and on enter keyup, different classes

4 Answers4