Question

I’ve encountered a situation where some script changes a select/radio/checkbox. That fires the change event. However I need, separately, an event to tell me the user changed the element, and obviously when change fires from the script it registers as a user change.

Is there a way to prevent a script from firing the change event when you alter the value of a select/radio/checkbox?

Answer 1

Use jQuery.trigger() and pass an additional parameter when triggering the event from code.

For example:

$('select').bind('change', function(e, isScriptInvoked) {
    if (isScriptInvoked === true) {
        // some code for when artificial
    } else {
        // some code for when organic
    }
});

// Trigger the event.
$('select').trigger('change', [true]);