Немного о pointer-events | Блог веб-разработчика MaxGraph

Немного о pointer-events

Немного о pointer-events

Что это?

Данное свойство позволяет управлять поведением объектом при действии мыши на них. То есть, если вы написали на ссылке при ховере изменять цвет — свойство pointer-events со значением none запретит этот ховер. Подробнее — далее.

 

 

Пример

Совсем недавно я верстал интернет-магазин, и там как раз было место, где использование данного средства пригодилось.

Немного о pointer-events

Это элемент фильтра каталога сайта. Все «выборы» производителя сделаны ссылками, и нужно было заверстать конкретное состояние для тех элементов, которые по каким-либо причинам не нужно использовать (ну, например, при цвете зеленый просто нет производителя Nargilem). И к таким ссылкам просто дается класс disabled со свойством pointer-events: none. Удобно, работает как часы. И поддержка данного свойства хорошая.

 

 

Да, я знаю что еще есть атрибут disabled, но он то применяется для элементов формы, таких например, как кнопка. Можно задать кнопке disabled, и до тех пор пока не будет выполнено определенное условие (капча) — снимать disabled.

 

 

Для более простых вещей, таких как мой пример, подходит pointer-events. Подробнее о свойстве можете почитать тут.

Метки: , ,

Понравилось? Оцени!
12345 (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *