javascript tidak ditetapkan

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan web. Apabila kami menambah kefungsian pada tapak web kami, kami menggunakan JavaScript untuk menjadikan halaman web lebih interaktif dan dinamik. Dalam pembangunan web, kita selalunya perlu menyediakan beberapa fungsi untuk mencapai beberapa tugasan. Tetapi kadangkala, kita perlu membatalkan fungsi yang telah ditetapkan. Artikel ini akan memperkenalkan cara membatalkan fungsi set dalam JavaScript.

1. Batalkan pendengar acara

Dalam pembangunan web, kami selalunya perlu menambah pendengar acara pada elemen untuk melaksanakan beberapa operasi apabila pengguna berinteraksi dengan elemen. Sebagai contoh, kami mungkin menambah pendengar acara klik pada butang supaya beberapa kod menyala apabila pengguna mengklik butang tersebut. Walau bagaimanapun, dalam beberapa kes, kami perlu membatalkan pendengar acara yang telah ditambahkan.

Pembatalan pendengar acara boleh dicapai melalui kaedah removeEventListener(). Kaedah ini memerlukan lulus dalam dua parameter: jenis acara dan fungsi yang akan dibatalkan. Sebagai contoh, kod berikut akan menambah pendengar acara klik pada butang:

const button = document.getElementById('myButton');
button.addEventListener('click', myFunction);

Untuk membatalkan pendengar acara ini, anda boleh menggunakan kod berikut:

button.removeEventListener('click', myFunction);

Ini akan mengalih keluar klik yang ditambahkan sebelum ini Pendengar acara.

2 Batalkan pemasa

Dalam pembangunan web, kita selalunya perlu menggunakan pemasa untuk melaksanakan beberapa kod, seperti melaksanakan beberapa kod setiap kali atau melaksanakan beberapa kod selepas tempoh masa . Menggunakan JavaScript, pemasa boleh dilaksanakan menggunakan fungsi setTimeout() dan setInterval().

Fungsi setTimeout() digunakan untuk melaksanakan tugas selepas masa yang ditentukan, manakala fungsi setInterval() digunakan untuk melaksanakan tugas pada selang masa tertentu. Walau bagaimanapun, dalam beberapa kes, kita perlu membatalkan pemasa yang telah ditetapkan untuk mengelak daripada mengulangi tugas.

Pembatalan pemasa boleh dilaksanakan melalui fungsi clearTimeout() dan clearInterval(). Semua fungsi ini perlu lulus dalam parameter, iaitu ID pemasa yang akan dibatalkan. Sebagai contoh, kod berikut akan menggunakan fungsi setTimeout() untuk menetapkan pemasa:

const myTimeout = setTimeout(myFunction, 3000);

Untuk membatalkan pemasa ini, anda boleh menggunakan kod berikut:

clearTimeout(myTimeout);

Jika anda menggunakan setInterval() sebelum Jika pemasa ditetapkan oleh fungsi, anda harus menggunakan fungsi clearInterval() untuk membatalkan pemasa.

3. Batalkan tingkah laku lalai

Dalam pembangunan web, tingkah laku lalai merujuk kepada perkara yang dilakukan oleh penyemak imbas dalam keadaan tertentu. Sebagai contoh, apabila anda mengklik pautan, penyemak imbas cuba melompat ke halaman yang dituju oleh pautan apabila anda menyerahkan borang, penyemak imbas cuba menyerahkan borang ke pelayan supaya data borang boleh diproses. Kadangkala, kita perlu membatalkan gelagat lalai ini.

Membatalkan tingkah laku lalai boleh dicapai menggunakan kaedah preventDefault(). Kaedah ini harus dipanggil dalam pengendali acara, dan harus dipanggil pada permulaan pengendali acara untuk membatalkan tingkah laku lalai sebelum kod lain dilaksanakan. Sebagai contoh, kod berikut akan menambah pendengar acara klik pada pautan dan menghalang penyemak imbas daripada melompat ke halaman yang dituju oleh pautan ke:

const link = document.getElementById('myLink');
link.addEventListener('click', function(event) {
  event.preventDefault();
  // 做其他事情，例如显示一个提示框
});

4. Menyahbubble

Dalam Pembangunan Web , acara pembiakan dibahagikan kepada dua bentuk: menggelegak dan menangkap. Dalam menggelegak, peristiwa dicetuskan terlebih dahulu pada elemen yang paling khusus (seperti butang) dan kemudian merambat ke atas sehingga ia mencapai elemen teratas. Tangkapan bermula pada elemen peringkat atas dan berjalan ke bawah sehingga ia mencapai elemen yang paling khusus.

Kadangkala, kita perlu menghalang sesuatu acara daripada disebarkan untuk mengelak daripada mengendalikan acara dalam kod lain. Membatalkan acara menggelegak boleh dicapai menggunakan kaedah stopPropagation(). Kaedah ini harus dipanggil dalam pengendali acara dan harus dipanggil sebelum kod lain dilaksanakan. Sebagai contoh, kod berikut akan menambah pendengar acara klik pada kedua-dua butang dan elemen div yang mengandungi. Apabila butang diklik, acara klik butang akan dicetuskan, tetapi tidak akan menggelembung ke elemen div yang mengandunginya:

const button = document.getElementById('myButton');
const div = document.getElementById('myDiv');
button.addEventListener('click', function(event) {
  // 处理按钮单击事件
  event.stopPropagation();
});
div.addEventListener('click', function(event) {
  // 处理div单击事件
});

Kod ini berfungsi dengan memanggil kaedah stopPropagation dalam pengendali acara klik butang menghalang acara daripada menggelegak ke elemen div.

Ringkasan

Dalam JavaScript, fungsi unsetting boleh dilaksanakan dengan cara yang berbeza. Kita boleh menggunakan kaedah removeEventListener() untuk membatalkan pendengar acara, menggunakan fungsi clearTimeout() dan clearInterval() untuk membatalkan pemasa, menggunakan kaedah preventDefault() untuk membatalkan tingkah laku lalai dan menggunakan kaedah stopPropagation() untuk membatalkan acara menggelegak. Apabila melaksanakan fungsi ini, kita harus memberi perhatian untuk menggunakannya pada masa yang sesuai supaya kod kita dapat melaksanakan operasi yang diperlukan dengan betul.

Atas ialah kandungan terperinci javascript tidak ditetapkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!