Свойство CSS pointer-events может контролировать, может ли элемент быть целью событий указателя курсора при навивании. Например, это когда происходит клик по ссылке, где автоматически открывает новую страницу. С помощью событий указателя вы можете контролировать, можно ли сделать клик на ссылку с помощью устройства указателя или нет.
В HTML события указателя могут иметь 2 значения:
auto: это значение по умолчанию, где мышь и сенсорный будут работать на элементе.
Код
#element {
pointer-events: auto;
}
none: мышь и касание не будут работать на элементе.
Код
#element {
pointer-events: none;
}
Обратите внимание, что даже если курсор при касании не будут работать на элементе, это не означает, что события для него отключены или они не будут выполнены. Например, можно использовать кнопку клавиатуры «Tab», чтобы добраться до элемента, а затем нажать «Enter», чтобы выполнить щелчок.
Другим случаем может быть то, что, если родительский элемент запрещает события указателя, но дочерний элемент разрешает события указателя — здесь любые события, предназначенные для дочернего элемента, будут проходить через родительский элемент, и поэтому обработчики событий в родительском элементе также будут выполняться согласно случаю.
Как пример:
HTML & CSS
Код
<a href="Ссылка на переход" id="nopedakub">Ключевое слово</a>
Подключаем классу:
Код
#nopedakub {
pointer-events: none;
}
И теперь эта ссылка бесполезна, так как по ней нельзя перейти, вообщем она полностью отключена.
