Atribut pointer-events CSS

Definisi dan penggunaan

Atribut pointer-events menentukan apakah elemen akan merespon ke peristiwa penunjuk.

Contoh

Atur apakah elemen akan merespon ke peristiwa penunjuk:

div.ex1 {
  pointer-events: none;
}
div.ex2 {
  pointer-events: auto;
}

Coba sendiri

Syntax CSS

pointer-events: auto|none;

Nilai atribut

Nilai Deskripsi
auto Nilai standar. Elemen merespon ke peristiwa penunjuk, seperti :hover dan klik.
none Elemen tidak merespon ke peristiwa penunjuk.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Menggantikan: Ya
Pembuatan animasi: Tidak didukung. Lihat:Atribut-atribut animasi.
Versi: CSS3
Syntax JavaScript: object.style.pointerEvents="none"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
2.0 11.0 3.6 4.0 9.0