La següent publicació explicarà com s'utilitza la propietat d'esdeveniment del punter en un codi per desactivar un enllaç en un document HTML.
Desactivació d'un enllaç mitjançant CSS
La biblioteca CSS s'utilitza en combinació amb altres llenguatges com HTML. Per tant, si un document HTML té un enllaç per visitar directament qualsevol altra pàgina web, la propietat CSS pointer-events s'utilitza per desactivar un enllaç:
esdeveniments de punter : cap ;
cursor : per defecte ;
Com utilitzar la propietat d'esdeveniments de punter al codi?
La declaració d'estil CSS en què afegirem la propietat pointer-events per desactivar l'enllaç hauria de fer referència a la classe que conté l'enllaç. Per exemple, si tenim una classe anomenada 'no activa' que conté l'enllaç:
< h1 > Desactiveu l'enllaç mitjançant CSS < / h1 >< br >
< b > Enllaç: < / b >
< a href = 'https://www.google.com/' classe = 'no actiu' > Clica aquí < / a >
Al codi anterior, l'enllaç que es pot fer clic té una classe 'no activa' que s'utilitzarà per accedir a aquest element HTML.
El codi anterior genera la següent sortida:
Si feu clic a l'enllaç, l'usuari dirigeix al motor de cerca de Google:
La propietat del punter-esdeveniment
- Dins d'un element d'estil CSS, escriviu la propietat d'esdeveniment del punter ( esdeveniment punter: cap ) mentre es refereix a la classe (no activa) que conté l'enllaç que s'hauria de desactivar.
- Estableix el cursor com a qualsevol de les opcions com ara per defecte, cap, punter, etc.
.no actiu {
esdeveniments de punter : cap ;
cursor : per defecte ;
}
>
Després d'executar el codi, no hi haurà cap canvi en la visualització gràfica de l'enllaç des de l'exterior, però quan l'usuari hi faci clic, no farà res:
Aquesta era la manera més senzilla de desactivar l'enllaç en un codi mitjançant declaracions CSS.
Conclusió
Un enllaç que dirigeix l'usuari a altres pàgines web es pot desactivar fàcilment mitjançant una propietat simple CSS 'pointer-events: none'. Això no requereix cap canvi a la lògica del codi ni a la classe en què s'ha creat l'enllaç. Es requereix una propietat d'esdeveniment de punter simple a l'element d'estil que fa referència a la classe que conté l'enllaç.