Bagaimana untuk menulis acara onclick dalam js

Acara

onclick ialah pengendali acara dalam JavaScript yang digunakan untuk menentukan kod untuk dilaksanakan apabila elemen diklik. Langkah-langkahnya adalah seperti berikut: 1. Pilih elemen, 2. Tetapkan atribut onclick, 3. Tentukan fungsi. Tindakan yang boleh anda lakukan menggunakan acara onclick termasuk menukar gaya, mencetuskan navigasi, membuka tetingkap modal, mengesahkan borang dan menyerahkan data.

Cara menulis acara onclick dalam JavaScript

Acara onclick ialah pengendali acara penting dalam JavaScript yang membolehkan kami menentukan kod untuk dilaksanakan apabila elemen diklik.

Sintaks:

<code>element.onclick = function() {
  // 执行代码
};</code>

Langkah:

1. Pilih elemen: Gunakan pemilih JavaScript untuk memilih elemen yang ingin anda tambahkan pengendali acara.
2. Tetapkan atribut onclick: Tetapkan atribut onclick untuk elemen yang dipilih Nilai atribut ini ialah fungsi yang akan dilaksanakan apabila elemen diklik.
3. Tentukan fungsi: Dalam fungsi onclick, tentukan kod yang anda ingin laksanakan apabila elemen diklik.

Contoh:

Dalam contoh di bawah, kami akan mencipta butang dan menambah pengendali acara onclick yang akan menukar warna latar belakang halaman apabila butang itu diklik:

<code><button id="myButton">点击我</button>

<script>
  const button = document.getElementById("myButton");

  button.onclick = function() {
    document.body.style.backgroundColor = "blue";
  };
</script></code>

Penggunaan lain:

selain menukar gaya, acara onclick boleh digunakan untuk:

Mencetuskan navigasi
• Buka tetingkap modal
• Sahkan borang
• Serahkan data

Nota: untuk pastikan

Fail JavaScript
• Jangan lupa koma bertitik (;) untuk menamatkan fungsi.
• Anda boleh menggunakan fungsi tanpa nama atau fungsi bernama sebagai pengendali onclick.

Atas ialah kandungan terperinci Bagaimana untuk menulis acara onclick dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!