Chaque site Web contient beaucoup de liens sur chaque interface qui dirigent l'utilisateur vers d'autres pages Web. Par exemple, des liens pour visiter un autre site Web pour référence lors de la lecture d'un article de blog, visitez les comptes de médias sociaux d'une marque lors de la visite de leurs sites Web et téléchargez des logiciels, etc. Mais, s'il est nécessaire pour désactiver un lien, la propriété de l'événement Pointer CSS est utilisée.

Le message suivant expliquera comment la propriété de l'événement de pointeur est utilisée dans un code pour désactiver un lien dans un document HTML.

Désactiver un lien à l'aide de CSS

La bibliothèque CSS est utilisée en combinaison avec d'autres langues comme HTML. Ainsi, si un document HTML a un lien pour visiter directement une autre page Web, la propriété CSS Pointer-Events est utilisée pour désactiver un lien:

Pointer-Events: Aucun;
curseur: par défaut;

Comment utiliser la propriété Pointer-Events dans le code?

L'énoncé de style CSS dans lequel nous ajouterons la propriété Pointer-Events pour désactiver le lien doit se référer à la classe qui contient le lien. Par exemple, si nous avons une classe nommée «non active» qui contient le lien:

Désactiver le lien à l'aide de CSS

Lien:
Cliquez ici

Dans le code ci-dessus, le lien cliquable a une classe «non active» qui sera utilisée pour accéder à cet élément HTML.

Le code ci-dessus génère la sortie suivante:

Cliquer sur le lien dirige l'utilisateur vers le moteur de recherche Google:

La propriété Pointer-Event

• À l'intérieur d'un élément de style CSS, écrivez la propriété de l'événement du pointeur (Pointer-Event: Aucun) tout en se référant à la classe (non active) contenant le lien qui doit être désactivé.
• Définissez le curseur comme toutes les options comme la valeur par défaut, aucun, pointeur, etc.

Après avoir exécuté le code, il n'y aura aucun changement dans l'affichage graphique du lien de l'extérieur, mais lorsque l'utilisateur le clique, il ne fera rien:

C'était le moyen le plus simple de désactiver le lien dans un code en utilisant les instructions CSS.

Conclusion

Un lien qui dirige l'utilisateur vers d'autres pages Web peut facilement être désactivé via une simple propriété CSS «Pointer-Events: None». Cela ne nécessite aucune modification de la logique du code ou de la classe dans laquelle le lien a été créé. Une propriété d'événement de pointeur simple dans l'élément de style faisant référence à la classe contenant le lien est requise.