Using jquery .on when running a function

Question

I have the following line of jquery which reacts to any key up event in any text input on a form. It then runs a function called processPrimarySearch:

$('#primarySearch input[type="text"]').on('keyup', this, processPrimarySearch);

This works, but I want to adapt it so keyup ignores a tab key press as described here: Keyup event behavior on tab

I can't work out how to re-write this as I don't understand how to pass this before calling processPrimarySearch. For example I have the following but it doesn't work and I don't understand what I'm supposed to write to make it work:

$('#primarySearch input[type="text"]').on({

    "keyup": function(e) {
        if (e.which != 9) {
            // No reference to 'this'!
            processPrimarySearch();
        }
    }
});

function processPrimarySearch() {
    // ...
}

Rory McCrossan · Accepted Answer · 2017-06-29 09:22:15Z

3

Your logic is almost correct, you just need to use call() to provide the context for the function. Try this:

$('#primarySearch input[type="text"]').on({
  "keyup": function(e) {
    if (e.which != 9) {
      processPrimarySearch.call(this);
    }
  }
});

function processPrimarySearch() {
  // ...
}

answered Jun 29, 2017 at 9:22

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

Andy Over a year ago

Works perfectly. Thank you so much. I wasn't aware of .call() so will look further into this.

Rory McCrossan Over a year ago

No problem, glad to help. Here's the docs for your reference: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Collectives™ on Stack Overflow

Using jquery .on when running a function

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related