Menghindari Multiple Event Firing pada JQUERY

Tutorial Dec 30, 2019

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

Tags

Eldest Pasirula

Software Engineer, Blog Writer, $TSLA follower

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.