Det følgende indlæg vil forklare, hvordan pointer event-egenskaben bruges i en kode til at deaktivere et link i et HTML-dokument.
Deaktivering af et link ved hjælp af CSS
CSS-biblioteket bruges i kombination med andre sprog som HTML. Så hvis et HTML-dokument har et link til direkte at besøge en anden webside, bruges egenskaben CSS pointer-events til at deaktivere et link:
pointer-begivenheder : ingen ;
cursoren : Standard ;
Hvordan bruger man pointer-events-egenskab i kode?
CSS-stilsætningen, hvori vi tilføjer pointer-events-egenskaben for at deaktivere linket, skal referere til klassen, der indeholder linket. For eksempel, hvis vi har en klasse ved navn 'ikke-aktiv', der indeholder linket:
< h1 > Deaktiver linket ved hjælp af CSS < / h1 >< br >
< b > Link: < / b >
< -en href = 'https://www.google.com/' klasse = 'ikke aktiv' > Klik her < / -en >
I ovenstående kode har det klikbare link en klasse 'ikke-aktiv', som vil blive brugt til at få adgang til dette HTML-element.
Ovenstående kode genererer følgende output:
Ved at klikke på linket dirigeres brugeren til Googles søgemaskine:
Pointer-event-egenskaben
- Inde i et CSS-stilelement skal du skrive pointer event-egenskaben ( pointer-begivenhed: ingen ) mens der henvises til klassen (ikke-aktiv), der indeholder linket, der skal deaktiveres.
- Indstil markøren som en af indstillingerne som standard, ingen, markør osv.
.ikke aktiv {
pointer-begivenheder : ingen ;
cursoren : Standard ;
}
>
Efter eksekvering af koden vil der ikke være nogen ændring i den grafiske visning af linket udefra, men når brugeren klikker på det, vil det ikke gøre noget:
Dette var den nemmeste måde at deaktivere linket i en kode ved hjælp af CSS-sætninger.
Konklusion
Et link, der leder brugeren til andre websider, kan nemt deaktiveres gennem en simpel CSS 'pointer-events: none' egenskab. Dette kræver ingen ændringer i kodens logik eller den klasse, hvor linket er oprettet. En simpel pointerhændelsegenskab i stilelementet, der henviser til klassen, der indeholder linket, er påkrævet.