How to Combine Two Different Trigger Events using jQuery

Question

I have the following events that can occur on two different fields but on the subject field, apart from also triggering a change event, I would also like to catch if the user presses the enter key instead of the tab key, i.e.:

$("#P300_FILE_NAME,#P300_SUBJECT").change(function(){
   ... do some processing ....
});

Now from another thread here in SO, I found the following code snippet from here, i.e.

$("#P300_SUBJECT").enterKey(function () {

that works a treat when the enter key is pressed but I would like to incorporate it as part of the above change event code processing, where it can either check if the user pressed the tab key on the subject field or pressed the enter key instead.

Unsure how I can combine the two events in order to perform the necessary "...do some processing ..." code.

It's almost like I need something like:

$("#P300_FILE_NAME,#P300_SUBJECT").change(function() || $("#P300_SUBJECT").enterKey(function () {

this might help you, stackoverflow.com/questions/2534089/… — Se0ng11
– Se0ng11, Commented Aug 5, 2014 at 7:51

tonyf · Accepted Answer · 2014-08-06 04:25:07Z

1

var foo = function () {
  // Put your code here.
}


$("#P300_FILE_NAME,#P300_SUBJECT").change(foo);
$("#P300_SUBJECT").enterKey(foo);

edited Aug 6, 2014 at 4:25

tonyf

35.8k54 gold badges168 silver badges265 bronze badges

answered Aug 5, 2014 at 7:59

Jashwant

29.2k16 gold badges76 silver badges110 bronze badges

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

Comments

nbrooks · Accepted Answer · 2014-08-05 08:09:24Z

0

You can use on to bind an event handler which is triggered on multiple different events. In this case, you want to trigger the event on change and on keypress. I don't think there's an enterKey event, so I'm not sure where that came from, as it doesn't appear to be a jQuery method either.

$("#P300_FILE_NAME, #P300_SUBJECT").on("change keypress", function (e) {
    if (e.type == "keypress" && 
       ($(this).is("#P300_FILE_NAME") || e.which != 13) {
        return false;
    }
    ....
});

edited Aug 5, 2014 at 8:09

answered Aug 5, 2014 at 7:52

nbrooks

18.2k5 gold badges58 silver badges68 bronze badges

3 Comments

Barmar Over a year ago

enterKey is not the name of an event.

Jashwant Over a year ago

But, it should not fire on enter key of #P300_FILE_NAME. I think, separating both will be a better option.

nbrooks Over a year ago

@Jashwant Maybe, or just make the if more specific rather than having a separate handler...

Collectives™ on Stack Overflow

How to Combine Two Different Trigger Events using jQuery

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related