A propriedade CSS pointer-events

Definição e uso

A propriedade pointer-events define se o elemento responde aos eventos de ponteiro.

Exemplo

Defina se o elemento responde aos eventos de ponteiro:

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

Experimente você mesmo

Sintaxe do CSS

pointer-events: auto|none;

Valor do atributo

Valor Descrição
auto Valor padrão. O elemento reage aos eventos de ponteiro, como :hover e click.
none O elemento não reage aos eventos de ponteiro.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Herança: Sim
Produção de animação: Não suportado. Veja:Atributos relacionados a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.pointerEvents="none"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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