Свойство CSS pointer-events

  • страница предшествующая place-self
  • Следующая страница position

определение и использование

атрибут pointer-events определяет, реагирует ли элемент на события мыши.

пример

установить, реагирует ли элемент на события мыши:

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

попробуйте сами

CSS грамматика

pointer-events: auto|none;

значение атрибута

значение описание
auto по умолчанию. Элемент реагирует на события мыши, такие как :hover и click.
none элемент не реагирует на события мыши.
initial установить этот атрибут в его значение по умолчанию. См. также initial.
inherit переходит от родительского элемента. См. также inherit.

технические детали

по умолчанию: auto
наследование: да
создание анимации: не поддерживается. См. также:атрибуты, связанные с анимацией.
версия: CSS3
JavaScript грамматика: object.style.pointerEvents="none"

поддержка браузерами

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
2.0 11.0 3.6 4.0 9.0
  • страница предшествующая place-self
  • Следующая страница position