Følgende innlegg vil forklare hvordan pekerhendelsesegenskapen brukes i en kode for å deaktivere en kobling i et HTML-dokument.
Deaktivere en kobling ved hjelp av CSS
CSS-biblioteket brukes i kombinasjon med andre språk som HTML. Så hvis et HTML-dokument har en lenke for å direkte besøke en annen nettside, brukes CSS pointer-events-egenskapen til å deaktivere en kobling:
peker-hendelser : ingen ;
markøren : misligholde ;
Hvordan bruke pointer-events Property i kode?
CSS-stilsetningen der vi legger til pointer-events-egenskapen for å deaktivere koblingen, bør referere til klassen som inneholder lenken. For eksempel, hvis vi har en klasse som heter 'ikke-aktiv' som inneholder lenken:
< h1 > Deaktiver koblingen ved hjelp av CSS < / h1 >< br >
< b > Link: < / b >
< en href = 'https://www.google.com/' klasse = 'ikke aktiv' > Klikk her < / en >
I koden ovenfor har den klikkbare lenken en klasse 'ikke-aktiv' som vil bli brukt for å få tilgang til dette HTML-elementet.
Koden ovenfor genererer følgende utgang:
Ved å klikke på lenken leder brukeren til Googles søkemotor:
Pekerhendelsesegenskapen
- Inne i et CSS-stilelement skriver du egenskapen for pekerhendelse ( pointer-event: ingen ) mens det refereres til klassen (ikke-aktiv) som inneholder koblingen som skal deaktiveres.
- Sett markøren som et av alternativene som standard, ingen, peker, etc.
.ikke aktiv {
peker-hendelser : ingen ;
markøren : misligholde ;
}
>
Etter å ha utført koden, vil det ikke være noen endring i den grafiske visningen av lenken fra utsiden, men når brukeren klikker på den, vil den ikke gjøre noe:
Dette var den enkleste måten å deaktivere koblingen i en kode ved å bruke CSS-setninger.
Konklusjon
En lenke som leder brukeren til andre nettsider kan enkelt deaktiveres gjennom en enkel CSS 'pointer-events: none'-egenskap. Dette krever ingen endringer i logikken til koden eller klassen der koblingen er opprettet. Det kreves en enkel pekerhendelsesegenskap i stilelementet som refererer til klassen som inneholder lenken.