Skip to main content

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

Comments

Popular posts from this blog

Pengaturan TP-LINK TL-MR3020 sebagai WiFi Client

Dear Pembaca setia, Kali ini penulis ingin berbagi cerita, bagaimana sebuah devices (PC atau yang lain) yang tidak memiliki modul Wireless, dan hanya memiliki port LAN (RJ45), dapat terkoneksi ke jaringan dengan bantuan Wireless Router TP-Link TL-MR3020. Caranya adalah dengan

Install Ghost Blog di Raspberry Pi

Dear Pembaca Setia, Kali ini Penulis hendak berbagi pengalaman terkait instalasi Ghost Blog di Raspberry Pi. Penulis menggunakan Raspberry Pi 4b saat instalasi, namun Raspberry Pi 3b seharusnya sudah cukup. Tutorial kali ini menggunakan Docker untuk instalasi Ghost,