Rumah >hujung hadapan web >tutorial js >Perbincangan ringkas tentang jquery event processing_jquery

Perbincangan ringkas tentang jquery event processing_jquery

WBOY
WBOYasal
2016-05-16 16:02:371075semak imbas

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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn