jQuery How to call an event function without the event being triggered

Question

I have a jQuery function as shown below. I want to call the function within my javascript regardless of the whether the triggering event occurs or not. In other words, there are circumstances where I simply want to call the function below. Is it possibe?

$(document).on('change', '.jq__pAC', function(event) {
  // some working code
}); // end .on('change')

score 3 · Answer 1 · answered Apr 28 '14 at 21:59

3

Just use change(); without passing a function this method triggers the action, rather than handling it:

$(document).on('change', '.jq__pAC', function(event) {
 // some working code
}).change();

Alternatively you can use trigger(), which triggers the event passed to the method as a string:

$(document).on('change', '.jq__pAC', function(event) {
 // some working code
}).trigger('change');

References:

change().
trigger().

answered Apr 28 '14 at 21:59

David Thomas

249,100
51
377
410

Thanks @DavidThomas -- sometimes you just spend too much time in the code and get lost in it. I need a fresh perspective. – H. Ferrence Apr 28 '14 at 22:05

Steve · Answer 2 · 2014-04-28T22:05:55.970

You can separate the function from the on method, like this:

$(document).on('change', '.jq__pAC', handlerFunction);

function handlerFunction(event) {
  // some working code
}

// at some other point in your code you can call:
handlerFunction();

PS: Just for completion sake, I would recommend you extract the event variable inside the on method and pass only the appropriate info to handlerFunction. Like this:

$(document).on('change', '.jq__pAC', function(event) {
    var nodename = event.target.nodeName;
    handlerFunction(nodename);
});

function handlerFunction(nodename) {
  // some working code
}

// at some other point in your code you can call:
handlerFunction('div');

Thanks @Steve -- sometimes you just spend too much time in the code and get lost in it. I need a fresh perspective. — H. Ferrence, Apr 28 '14 at 22:05

score 2 · Accepted Answer · answered Apr 28 '14 at 22:01

2

The best way to do this is as follows:

function myFunction(event)
{
   // code stuff here
}
...    
$(document).on('change', '.jq_pAc', myFunction);

This way, you can call your function at your discretion, and it will also be called by the change event.

answered Apr 28 '14 at 22:01

BardMorgan

444
3
15

Thanks @BardMorgan -- sometimes you just spend too much time in the code and get lost in it. I need a fresh perspective. – H. Ferrence Apr 28 '14 at 22:05

Digggid · Answer 4 · 2018-10-25T17:00:25.023

So after a couple of minutes of testing and playing around with the change event I have noticed that this only works on input elements.

$(document).on('change', '.myCart-val', function(){
   if ($('.myCart-val').html() == "0") {
     $('.myCart-val').hide();
   } else {
     $('.myCart-val').show();
   }
});

What I have noticed is that for this function to actually go off I would need to apply it to some type of onclick event and the two would need to appreciate one another.

I have finally found a better solution that includes Mutation Events. Mutation events allowed my function to run accordingly when triggered by another function.

My final solution.

if ($('.myCount').text() == "0"){$('.CartCount').hide();}

$('.myCart-val').on('DOMSubtreeModified', function() {
   if ($(this).text() == "0") {
     $(this).hide();
   } else {
     $(this).show();
   }    
});

I found my answer here.. Hope it helps you

jQuery How to call an event function without the event being triggered

4 Answers4