Следващата публикация ще обясни как свойството на събитието на указателя се използва в код за деактивиране на връзка в HTML документ.
Деактивиране на връзка чрез CSS
CSS библиотеката се използва в комбинация с други езици като HTML. Така че, ако HTML документ има връзка за директно посещение на друга уеб страница, свойството CSS pointer-events се използва за деактивиране на връзка:
показалец-събития : нито един ;
курсор : по подразбиране ;
Как да използвам свойството pointer-events в кода?
Инструкцията за CSS стил, в която ще добавим свойството pointer-events за деактивиране на връзката, трябва да се отнася до класа, който съдържа връзката. Например, ако имаме клас с име „not-active“, който съдържа връзката:
< h1 > Деактивирайте връзката с помощта на CSS < / h1 >< бр >
< b > връзка: < / b >
< а href = 'https://www.google.com/' клас = 'неактивен' > Натисни тук < / а >
В горния код връзката, върху която може да се кликне, има клас „not-active“, който ще се използва за достъп до този HTML елемент.
Горният код генерира следния изход:
Щракването върху връзката насочва потребителя към търсачката на Google:
Свойството на указателното събитие
- Вътре в елемент на CSS стил напишете свойството на събитието показалец ( указател-събитие: няма ), докато препраща към класа (неактивен), съдържащ връзката, която трябва да бъде деактивирана.
- Задайте курсора като някоя от опциите като по подразбиране, без, показалец и т.н.
.неактивен {
показалец-събития : нито един ;
курсор : по подразбиране ;
}
>
След изпълнение на кода няма да има промяна в графичния дисплей на връзката отвън, но когато потребителят щракне върху нея, тя няма да направи нищо:
Това беше най-лесният начин да деактивирате връзката в код с помощта на CSS изрази.
Заключение
Връзка, която насочва потребителя към други уеб страници, може лесно да бъде деактивирана чрез просто свойство на CSS „pointer-events: none“. Това не изисква промени в логиката на кода или класа, в който е създадена връзката. Изисква се просто свойство на събитие на указател в елемента style, отнасящо се до класа, съдържащ връзката.