Bagaimanakah Saya Boleh Memanggil Berbilang Fungsi JavaScript daripada Peristiwa Onclick Tunggal?

Memanggil Berbilang Fungsi JavaScript dalam Acara Onclick

Pengendali acara onclick sering digunakan untuk melaksanakan kod JavaScript apabila elemen diklik. Namun, bagaimana jika anda perlu memanggil berbilang fungsi sebagai tindak balas kepada acara klik yang sama?

Menggunakan onclick untuk Pelbagai Fungsi

Walaupun ia tidak dianggap sebagai amalan terbaik, anda boleh gunakan atribut onclick untuk memanggil berbilang fungsi JavaScript dengan memisahkannya dengan koma bertitik (;).

<button onclick="doSomething();doSomethingElse();">Click Me</button>

Pendekatan Tidak Mencemaskan

Kaedah yang lebih moden dan pilihan ialah melampirkan pengendali acara pada nod DOM menggunakan JavaScript. Ini dikenali sebagai JavaScript tidak mengganggu. Begini cara anda melakukannya:

const button = document.querySelector('button');

button.addEventListener('click', () => {
  doSomething();
  doSomethingElse();
});

Faedah JavaScript Tidak Menganggur

Menggunakan pendekatan yang tidak mengganggu menawarkan beberapa faedah:

• Diperbaiki pengasingan kebimbangan (kod dan HTML adalah berasingan)
• Penyelenggaraan yang lebih mudah dan penyahpepijatan
• Sokongan untuk rangka kerja dan perpustakaan JavaScript moden

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Berbilang Fungsi JavaScript daripada Peristiwa Onclick Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!