Atributo CSS pointer-events

Definición y uso

La propiedad pointer-events define si el elemento responde a los eventos de puntero.

Ejemplo

Establecer si el elemento responde a los eventos de puntero:

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

Intente usted mismo

Sintaxis de CSS

pointer-events: auto|none;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El elemento responde a los eventos de puntero, como :hover y click.
none El elemento no responde a los eventos de puntero.
initial Establece este atributo en su valor predeterminado. Ver: initial.
inherit Hereda este atributo de su elemento padre. Ver: inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.pointerEvents="none"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que completamente admite esta propiedad.

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