В следующем посте объясняется, как свойство события указателя используется в коде для отключения ссылки в документе HTML.
Отключение ссылки с помощью CSS
Библиотека CSS используется в сочетании с другими языками, такими как HTML. Таким образом, если в HTML-документе есть ссылка для прямого посещения любой другой веб-страницы, свойство CSS pointer-events используется для отключения ссылки:
указатели-события : никто ;
курсор : по умолчанию ;
Как использовать свойство событий указателя в коде?
Оператор стиля CSS, в который мы добавим свойство pointer-events для отключения ссылки, должен ссылаться на класс, содержащий ссылку. Например, если у нас есть класс с именем «неактивный», который содержит ссылку:
< h1 > Отключить ссылку с помощью CSS < / h1 >< бр >
< б > Связь: < / б >
< а href '=' 'https://www.google.com/' сорт '=' 'не активен' > Кликните сюда < / а >
В приведенном выше коде кликабельная ссылка имеет класс «неактивный», который будет использоваться для доступа к этому HTML-элементу.
Приведенный выше код генерирует следующий вывод:
При переходе по ссылке пользователь попадает в поисковую систему Google:
Свойство указателя-события
- Внутри элемента стиля CSS напишите свойство события указателя ( указатель-событие: нет ) при обращении к классу (not-active), содержащему ссылку, которую следует отключить.
- Установите курсор как любой из параметров, таких как по умолчанию, нет, указатель и т. д.
.не активен {
указатели-события : никто ;
курсор : по умолчанию ;
}
стиль >
После выполнения кода никаких изменений в графическом отображении ссылки извне не произойдет, но при клике пользователя она ничего не сделает:
Это был самый простой способ отключить ссылку в коде с помощью операторов CSS.
Заключение
Ссылку, которая направляет пользователя на другие веб-страницы, можно легко отключить с помощью простого свойства CSS «pointer-events: none». Это не требует каких-либо изменений логики кода или класса, в котором создана ссылка. Требуется простое свойство события указателя в элементе стиля, относящееся к классу, содержащему ссылку.