Prevent jQuery on fire multiple times

Question

I have a web application which requires all data to be saved immediately.

I use the following lines to trigger the ajax call:

$('#form_global').on("change", function(e) {
    e.preventDefault();
    transaction_save();
});

My problem is that there are other events, which changes multiple inputs and the multiple input change triggers the ajax call multiple times.

Is there any way to prevent .on("change") to be fired multiple times?

Answer 1

You can add below code after e.preventDefault()

e.stopImmediatePropagation();

$('#form_global').on("change", function(e) {
    e.preventDefault();
    e.stopImmediatePropagation();
    transaction_save();
});

Here's a link