🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2018-01-29

Свойство CSS `pointer-events`` позволяет контролировать, будет ли элемент реагировать на действия пользователя — клики, наведение и другие события указателя. Это особенно полезно, когда нужно сделать слой визуально активным или, наоборот, игнорировать его при взаимодействии, например, для создания захватывающих слоёв или отключения кликабельности без изменения структуры.

Пример: чтобы сделать элемент невосприимчивым к кликам, добавьте свойство pointer-events: none;:

.disabled-layer {
  pointer-events: none;
}

Теперь элемент с классом disabled-layer проигнорирует все указатели: клики, наведение, события. Можно включать или отключать взаимодействие динамически через JavaScript, меняя значение свойства pointer-events.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.