Menghindari Multiple Event Firing pada JQUERY

Dear Pembaca setia,

Berikut ada catatan ringan terkait penggunaan event handling pada jquery. Kali ini penulis sharing cara menghindari on click event yang terpanggil beberapa kali. Setiap klik, akan melipatgandakan event fire dua kali dari sebelumnya.

Ada beberapa cara yang bisa dilakukan:

Cara #1

$('#button_1').off().on('click', function () {
     // Code here
});

Cara #2

$('#button_1').off('click').on('click', function () {
     // Code here
});

Cara #3

$('#button_1').unbind('click').bind('click', function () {
     // Code here
});

Cara #4

$('#button_1').unbind('click').bind('click', function () {
     // Code here
});

Cara #5 (untuk form)

$('#button_1').on('click', function () {
     $('#form_smtp').submit(function (event) {
          event.stopImmediatePropagation();

          // Code here
    });
});

Demikian cerita kali ini, terima kasih atas kunjungannya.

Salam,
Penulis