Periksa apakah event.target memiliki Kelas Khusus Menggunakan JavaScript

Gaya elemen menggunakan gaya CSS. Untuk melakukannya, buat kelas CSS “ .div ” untuk semua elemen div:

Membuat ' .tengah ” untuk menyetel elemen di tengah halaman:

Sekarang, untuk penataan, setiap div secara individual membuat kelas CSS untuk mereka. Untuk div pertama, atur warna background “ merah ' dalam ' div1Style ' kelas:

Untuk div kedua, atur warna background “ lobak merah muda ' menggunakan ' rgb(194, 54, 77) ' kode di ' div2Style ' kelas:

Tetapkan warna latar belakang “ Merah Jambu ” dari div ketiga dengan membuat “ div3Style ' kelas:

Setelah menjalankan kode HTML di atas, hasilnya akan terlihat seperti ini:

Sekarang, dalam file JavaScript atau “ naskah ”, gunakan kode yang disediakan di bawah ini untuk memeriksa apakah event.target memiliki kelas tertentu atau tidak:

Dalam cuplikan kode di atas:

• Pertama, lampirkan pendengar peristiwa pada peristiwa klik yang akan menangani setiap klik pada DOM.
• Kemudian, periksa apakah event yang dipicu memiliki class CSS “ tengah ' atau tidak dengan bantuan ' daftarkelas.kelas() ' metode.

Keluaran

GIF di atas menunjukkan bahwa div1 berisi “ tengah ' kelas seperti yang ditunjukkan ' BENAR ”, sedangkan div2 dan div3 menampilkan “ Salah ” di kotak peringatan, artinya tidak mengandung “ tengah ' kelas.

Metode 2: Periksa apakah event.target memiliki Kelas Khusus Menggunakan Metode match()

Metode standar JavaScript lain yang disebut “ cocok() ” dapat digunakan untuk memeriksa apakah kelas tertentu milik elemen atau peristiwa. “ nama kelas ” adalah satu-satunya parameter yang diperlukan untuk menentukan apakah suatu elemen atau peristiwa target termasuk kelas tertentu atau tidak.

Sintaksis

Sintaks yang diberikan di bawah ini digunakan untuk metode matches() :

Dalam sintaks di atas,

• “ acara.target ” adalah peristiwa yang dipicu yang akan diperiksa apakah mengandung kelas tertentu atau tidak.
• “ nama kelas ” menunjukkan nama kelas CSS yang merupakan bagian dari peristiwa yang dipicu. Metode pertandingan () mengambil nama kelas bersama dengan titik (.) yang menunjukkan kata ' kelas ”.

Nilai pengembalian

Jika acara target memiliki kelas, ia mengembalikan ' BENAR ' kalau tidak, ' Salah ” dikembalikan.

Contoh

Dalam file JavaScript atau tag skrip, gunakan baris kode di bawah ini untuk memeriksa apakah event.target memiliki kelas tertentu atau tidak dengan menggunakan tombol “ cocok() ' metode:

Pada baris kode di atas:

• Pertama, lampirkan pendengar peristiwa pada peristiwa klik yang akan menangani setiap klik pada DOM.
• Kemudian, periksa apakah “ div3Style ” Kelas CSS ada dalam peristiwa yang dipicu menggunakan “ cocok() ' metode.
• Jika ada, alert() menampilkan pesan dengan “ BENAR ', kalau tidak ' Salah ”.

Keluaran

GIF di atas menunjukkan bahwa hanya div3 yang berisi “ div3Style ' kelas seperti yang ditunjukkan ' BENAR ”.

Kesimpulan

Untuk menentukan apakah suatu peristiwa yang dipicu memiliki kelas tertentu, gunakan JavaScript “ mengandung() metode ” atau “ cocok() ' metode. Namun, metode contains() adalah salah satu pendekatan paling berguna yang digunakan untuk menentukan kelas elemen. Kedua metode mengembalikan “ BENAR ” jika acara yang dipicu memiliki kelas lain “ Salah ” dikembalikan. Posting ini menjelaskan metode untuk menentukan apakah event.target memiliki kelas tertentu atau tidak menggunakan JavaScript.