Использование css-свойства pointer-events

Mkdev article
Mkdev article

Это может показаться удивительным, но существует css-атрибут pointer-events, который позволяет, например, выключить все события, которые можно вызвать на элементе нажатием мышки (или пальцем):

#overlay {
    pointer-events: none;
}

Да, отключить обработку событий при помощи css. Поддерживается всеми нормальными браузерами. Один из примеров использования: есть оверлэй поверх все страницы, и всё ещё хочется что бы элементы под оверлеем реагировали на нажатия как будто оверлея нет. На сайте MDM очень хорошо расписаны различные значения и особенности использования pointer-events.


Хочешь быть таким же крутым, как Кирилл Ширинкин?

Тогда записывайся на обучение! В своих статьях Кирилл делится лишь частью знаний. Научись большему со своим персональными наставником!

Назначить ментором Kirill shirinkin