pointer-events
Оновлено: 06.01.2023
pointer-events
Властивість pointer-events дає змогу керувати тим, як елементи реагуватимуть на події миші або дотику до сенсорного екрана. Часто застосовується для того, щоб у складному компонуванні можна було взаємодіяти з елементами, що розташовані нижче, ігноруючи ті, що знаходяться вище.
Коротка інформація
| Значення за замовчуванням | auto |
| Успадковується | Так |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
pointer-events: auto | noneЗначення
| auto | Відновлює функціональність елемента за замовчуванням. |
| none | Запобігає подіям миші та клацанням по елементу. |
Приклад
У цьому прикладі до кожного блоку знизу додається псевдоелемент із градієнтом, який плавно приховує частину тексту. При цьому неможливо виділити частину тексту, оскільки псевдоелемент частково перекриває його. Щоб цей псевдоелемент не заважав роботі з текстом, до нього додаємо властивість pointer-events зі значенням none.