Perbincangan ringkas tentang jquery event processing_jquery

Dalam sistem pembangunan bahagian hadapan berdasarkan jQuery, banyak acara selalunya terikat pada halaman melalui pelbagai pengecam. Walaupun proksi acara hanya digunakan, ia masih menyebabkan acara bertaburan, menjadikannya sukar untuk diselenggara dan diurus.

Jadi, bagaimana untuk menyelesaikan masalah ini? Dan saya memikirkan peristiwa di tulang belakang. Seperti berikut:

Salin kod Kod adalah seperti berikut:

acara: {
"klik .icon": "buka",
"klik .button.edit": "openEditDialog",
"klik .button.delete": "musnahkan"
}

Iaitu, mengumpulkan acara bersama-sama, serupa dengan konsep pusat pemprosesan acara.

Ikhtisar ringkas idea pelaksanaan:

Gunakan proksi acara untuk mengikat acara pada nod badan. (Sesetengah acara sendiri tidak menggelegak, jadi kami tidak akan mengkajinya di sini buat masa ini)

Berikan pengecam bersatu untuk objek pelaksanaan acara.

Fungsi pelaksanaan acara, pemprosesan berpusat.

Salin kod Kod adalah seperti berikut:

//Pusat pemprosesan acara
var ClickEventCenter = {
"pengendali1": fungsi () {
               // buat sesuatu...
},
"pengendali2": fungsi () {
               // buat sesuatu...
}
// ...
}
//Mengikat acara
$body.on("click", "[data-click-center]", fungsi () {
var handlerName = $(this).data("click-center");
var handler = ClickEventCenter[handlerName]
jika pengendali ($.isFunction(pengendali))()

})

Dalam kes ini, sejenis acara dikumpulkan bersama.

Pada satu ketika, ia boleh memainkan peranan yang sangat baik.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.