CSS pointer-events özelliği

Tanım ve kullanım

pointer-events özelliği, elementin işaretçi olaylarına yanıt verip vermediğini tanımlar.

Örnek

Elementin işaretçi olaylarına yanıt vermesini ayarlayın:

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

Kişisel olarak deneyin

CSS dilbilgisi

pointer-events: auto|none;

Özellik değeri

Değer Açıklama
auto Varsayılan değer. Element, işaretçi olaylarına yanıt verir, örneğin :hover ve tıkla.
none Element, işaretçi olaylarına yanıt vermez.
initial Bu özelliği varsayılan değerine ayarlayın. Bakın: initial.
inherit Bu özelliği, ebeveyn elementinden miras alır. Bakın: inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Miras: Evet
Animasyon yapımı: Desteklenmiyor. İçin bakın:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.pointerEvents="none"

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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