Come utilizzare la proprietà CSS puntatore-eventi

Durante lo sviluppo di un sito Web, potresti voler impedire agli spettatori di eseguire alcune azioni (clic/Hover) su alcuni elementi del sito Web, come immagini o collegamenti ipertestuali. Potrebbero esserci diverse ragioni; Ad esempio, non si desidera che l'utente faccia clic sul collegamento perché è per migliorare la struttura di collegamento interno del sito Web o per proteggere ciò che è all'interno del collegamento. In tali scenari, la proprietà CSS puntatore-eventi può essere utilizzata per ottenere i risultati richiesti.

In questo articolo, elaboreremo come utilizzare la proprietà CSS puntatore-eventi.

Cos'è la proprietà puntatore-eventi?

CSS "Eventi di puntatore"La proprietà specifica il comportamento puntatore/tocca verso l'elemento HTML e se l'elemento selezionato risponderà eseguendo azioni come hover o click.

Come utilizzare la proprietà puntatore-eventi?

In CSS, la proprietà puntatore-eventi può essere utilizzata per abilitare o disabilitare le azioni del puntatore su alcuni elementi HTML specifici. La sintassi della proprietà puntatore-eventi è riportata di seguito.

Sintassi

Puntatore-Event: nessuno | auto;

Nella sintassi menzionata, "auto"È il valore predefinito della proprietà puntatore-event e consente l'azione del puntatore verso un elemento e"nessuno"È totalmente opposto all'auto; Disabilita l'azione del puntatore sugli elementi HTML.

Andiamo avanti e prendiamo un esempio per capire la proprietà.

Esempio 1
Nel nostro file HTML, specifica un tag di ancoraggio con il testo "Linuxhint.io"E posizionalo all'interno della sezione del corpo.

Html

Linuxhint.io

Ora useremo il "Eventi di puntatore"Proprietà e assegnarla valore"nessuno". Questo disabiliterà l'azione del puntatore sull'elemento.

CSS

UN
Event puntatore: nessuno;

Salva il tuo file HTML con codice menzionato ed eseguilo utilizzando il browser:

Facciamo un altro esempio per coprire profondamente la proprietà.

Esempio 2
Impostare il valore della proprietà puntatore-eventi su "auto" questa volta. Farà rispondere all'elemento su puntatore o fare clic su. Tuttavia, l'auto è il valore predefinito della proprietà puntatore-eventi.

CSS

UN
Puntatore-Event: Auto;

Produzione

Abbiamo coperto diversi usi della proprietà CSS puntatore-eventi.

Conclusione

Per controllare le azioni del puntatore, possiamo utilizzare il CSS "Eventi di puntatore" proprietà. IL "auto"Il valore è il valore predefinito di questa proprietà; Abilita le azioni sugli elementi HTML. Quando la proprietà puntatore-eventi viene utilizzata con il valore "nessuno", Disabilita le azioni verso un elemento specifico. Questo articolo ha dimostrato come utilizzare la proprietà CSS puntatore-eventi.