Monday, December 30, 2019

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

No comments:

Post a Comment

Dari Aknutman

Selamat Datang semoga layanan kami memberikan informasi yang anda cari. (Dan mohon comment-nya :-D)