Kaedah off dalam jQuery

Membatalkan pengikatan peristiwa yang diikat melalui on, dilakukan menggunakan kaedah off. Parameter pertamanya menerima jenis peristiwa (contohnya, 'click'), dan yang kedua - nama fungsi yang perlu dibatalkan pengikatannya.

Pertimbangkan contoh berikut. Katakan kita mempunyai kod HTML:

<ul>
	<li>teks</li>
	<li>teks</li>
	<li>teks</li>
</ul>

Dalam CSS, gaya ditentukan untuk tag li:

li {
	width: 100px;
	cursor: pointer;
}

Mari kita buat agar selepas klik pertama pada li, peristiwanya dibatalkan pengikatannya:

$('li').on('click', function() {
	$(this).append('!');
	$(this).off('click', func);
});

Klik pada item senarai. Anda akan lihat bahawa apabila menekan item senarai yang sama buat kali kedua, tiada apa yang berlaku, kerana fungsi kami func selepas melaksanakan kaedah append dibatalkan pengikatannya oleh kaedah off.

Ikatkan peristiwa kepada semua pautan - apabila melayang ke atas pautan, href-nya ditambahkan pada akhir teksnya dalam kurungan bulat. Selepas melayang pertama ke atas pautan, batalkan pengikatan peristiwa daripadanya yang menambahkan href pada akhir teks.

Untuk semua input, buat agar mereka memaparkan value mereka sendiri apabila mana-mana daripadanya ditekan, tetapi hanya pada tekanan pertama. Menekan input buat kali kedua tidak sepatutnya menyebabkan sebarang tindak balas.

Diberi perenggan dengan nombor. Apabila diklik pada perenggan, kuasa dua nombor yang dikandungnya harus muncul di dalamnya, tetapi hanya pada klik pertama. Apabila diklik dua kali pada perenggan, nombor dalam perenggan harus digandakan, tetapi juga hanya untuk kali pertama.