Jak korzystać z właściwości CSS Wskaźnik

Podczas opracowywania strony internetowej możesz chcieć ograniczyć widzów do wykonywania niektórych działań (kliknięcie/najechanie) na niektórych elementach witryny, takich jak obrazy lub hiperłącza. Może być kilka powodów; Na przykład nie chcesz, aby użytkownik kliknął link, ponieważ służy do poprawy wewnętrznej struktury łączenia witryny lub ochrony tego, co jest w linku. W takich scenariuszach właściwość CSS Wskaźnik-ewidencję można wykorzystać do uzyskania wymaganych wyników.

W tym artykule rozwinęmy, jak korzystać.

Czym jest właściwość wskaźników?

CSS „Wskaźniki”Właściwość określa zachowanie wskaźnika/dotknięcia w kierunku elementu HTML i czy wybrany element zareaguje, wykonując takie działania, jak zawieszek lub kliknięcie.

Jak korzystać z właściwości wskaźnika-wydarzenia?

W CSS właściwość wskaźników może być wykorzystana do włączenia lub wyłączania działań wskaźników na niektóre konkretne elementy HTML. Składnia właściwości wskaźników podano poniżej.

Składnia

Wskaźniki: Brak | automatyczny;

We wspomnianej składni „automatyczny”Jest domyślną wartością właściwości wskaźników i umożliwia akcję wskaźnika w kierunku elementu i„ ”nic”Jest całkowicie przeciwny do auto; Wyłącza akcję wskaźnika na elementach HTML.

Idźmy naprzód i weźmy przykład, aby zrozumieć właściwość wskaźników.

Przykład 1
W naszym pliku HTML podaj znacznik zakotwiczenia z tekstem „Linuxhint.io”I umieść go w sekcji ciała.

Html

Linuxhint.io

Teraz użyjemy „Wskaźniki”Właściwość i przypisz wartość”nic". To wyłączy akcję wskaźnika na elemencie.

CSS

A
Wskaźniki: Brak;

Zapisz swój plik HTML z wymienionym kodem i uruchom go za pomocą przeglądarki:

Weźmy kolejny przykład, aby głęboko pokryć właściwość wskaźników.

Przykład 2
Ustaw wartość właściwości wskaźnika-zdania na „automatyczny" tym razem. Spowoduje to, że element zareaguje na wskaźnik lub kliknięcie. Niemniej jednak Auto jest domyślną wartością właściwości wskaźników.

CSS

A
Wskaźniki: auto;

Wyjście

Omówiliśmy różne zastosowania właściwości CSS Pointer-Events.

Wniosek

Aby kontrolować działania wskaźnika, możemy wykorzystać CSS ”Wskaźniki" nieruchomość. „„automatyczny„Wartość jest predefiniowaną wartością tej właściwości; Umożliwia działania nad elementami HTML. Gdy właściwość wskaźnika i zdarzenia jest używana z wartością „nic”, Wyłącza działania w kierunku określonego elementu. Ten zapis pokazał, jak korzystać z właściwości CSS Wskaźnik-zdezodmienia.