binding multiple events to one selector in jQuery

Question

$("#action_button").click(function() {

How would I bind an onEnter event with a different selector to the same code above?

jfriend00 · Accepted Answer · 2012-01-01 05:35:53Z

6

Create a named function and use that instead of an anonymous function.

$("#action_button").click(processAction);
$("#otherSelector").otherEvent(processAction);

function processAction() {
    // your code here
}

answered Jan 1, 2012 at 5:35

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

3 Comments

Michael Grigsby Over a year ago

Okay so I can now use multiple selectors for the same code? thanks man! Good info for sure! Happy New Years btw.

Luis Perez Over a year ago

@MichaelGrigsby if jfriend00's answer solved your problem please 'accept' his answer.

Michael Grigsby Over a year ago

I accepted @dku.rajkumar's response. It was the most helpful.

dku.rajkumar · Accepted Answer · 2012-01-01 05:54:03Z

1

move the logic to a common method and call that from everywhere.for onenter event,bind keyup and check for keycode 13.

$("#new_selector").keyup(function(event){
    var keyCode = event.keyCode || event.which; // browser compatible
    if(keyCode === 13){
        do_something();
    }
});

$("#action_button").click(function() {
   do_something();
});

function do_something(){
//
}

edited Jan 1, 2012 at 5:54

answered Jan 1, 2012 at 5:45

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

1 Comment

Michael Grigsby Over a year ago

For sure. Gotta love the community. Hopefully soon I can help others in the community once I reach the level of mastery I'm shooting for.

loki · Accepted Answer · 2012-01-01 05:42:53Z

0

did you mean add events on the same line chaining one selector? as far as i know you have to have a brand new statement. you could try:

$("#action_button").click(function() {...}).add('other-selector').onEnter... but i dont know if that works at all.

answered Jan 1, 2012 at 5:42

loki

2,3215 gold badges34 silver badges48 bronze badges

1 Comment

jfriend00 Over a year ago

This is clearly not what the OP is asking about. The question says "different selector" and "same code". With this, you would get "same selector" and "different code".

Collectives™ on Stack Overflow

binding multiple events to one selector in jQuery

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related