In het volgende bericht wordt uitgelegd hoe de eigenschap pointergebeurtenis wordt gebruikt in een code om een koppeling in een HTML-document uit te schakelen.
Een koppeling uitschakelen met behulp van CSS
CSS-bibliotheek wordt gebruikt in combinatie met andere talen zoals HTML. Dus als een HTML-document een link heeft om rechtstreeks naar een andere webpagina te gaan, wordt de eigenschap CSS pointer-events gebruikt om een link uit te schakelen:
pointer-gebeurtenissen : geen ;
cursor : standaard ;
Hoe pointer-events eigenschap in code te gebruiken?
De CSS-stijlverklaring waarin we de eigenschap pointer-events zullen toevoegen om de link uit te schakelen, moet verwijzen naar de klasse die de link bevat. Als we bijvoorbeeld een klasse hebben met de naam 'niet-actief' die de link bevat:
< h1 > Schakel de koppeling uit met behulp van CSS < / h1 >< br >
< B > Koppeling: < / B >
< A href = 'https://www.google.com/' klas = 'niet actief' > Klik hier < / A >
In de bovenstaande code heeft de klikbare link een klasse 'niet-actief' die zal worden gebruikt om toegang te krijgen tot dit HTML-element.
De bovenstaande code genereert de volgende uitvoer:
Door op de link te klikken, wordt de gebruiker naar de Google-zoekmachine geleid:
De eigenschap pointer-event
- Schrijf binnen een CSS-stijlelement de eigenschap pointergebeurtenis ( pointer-gebeurtenis: geen ) terwijl wordt verwezen naar de klasse (niet-actief) die de link bevat die moet worden uitgeschakeld.
- Stel de cursor in als een van de opties zoals standaard, geen, aanwijzer, etc.
.niet actief {
pointer-gebeurtenissen : geen ;
cursor : standaard ;
}
>
Na het uitvoeren van de code verandert er niets aan de grafische weergave van de link van buitenaf, maar wanneer de gebruiker erop klikt, gebeurt er niets:
Dit was de gemakkelijkste manier om de link in een code uit te schakelen met behulp van CSS-statements.
Conclusie
Een link die de gebruiker naar andere webpagina's leidt, kan eenvoudig worden uitgeschakeld via een eenvoudige CSS-eigenschap 'pointer-events: none'. Hiervoor zijn geen wijzigingen nodig in de logica van de code of de klasse waarin de link is gemaakt. Er is een eenvoudige aanwijzergebeurteniseigenschap in het stijlelement vereist die verwijst naar de klasse die de link bevat.