Jak symulować kliknięcie za pomocą JavaScript?

Jak symulować kliknięcie za pomocą JavaScript?

Można zaimplementować następujące podejścia, aby zastosować symulację kliknięcia w JavaScript:

• "na kliknięcie" wydarzenie.
• "addEventListener ()" metoda.
• "Kliknij()" metoda.

Podejście 1: Symuluj kliknięcie za pomocą JavaScript za pomocą zdarzenia OnClick

Jakiś "na kliknięcie„Zdarzenie występuje po naciśnięciu przycisku. Takie podejście można zastosować, aby wywołać funkcję po kliknięciu przycisku i zwiększyć „kliknij liczbę„Za każdym razem, gdy przycisk jest klikany.

Dygresja: Jakiś "na kliknięcie„Zdarzenie można po prostu zastosować, dołączając je do konkretnej funkcji.

Przykład

Przejrzyj następujący fragment kodu:

Kliknij symulowane> czasy

Kliknij!

• Dołącz określony nagłówek wraz z „„Tag, aby zwiększyć„liczyć”Kliknięć.
• W następnym kroku utwórz przycisk z załączonym „na kliknięcie„Przekierowanie zdarzeń do funkcji CountClick (), które będą dostępne po kliknięciu przycisku.

Teraz przejdźmy do następujących linii kodu JavaScript:

W powyższej części kodu JS:

• Tutaj najpierw zainicjuj kliknięcia „0".
• Następnie zadeklaruj funkcję o nazwie „CountClick ()". W swojej definicji zwiększ zainicjowane „kliknięcia" z "1". Spowoduje to zwiększenie liczby za każdym razem, gdy przycisk jest klikany.
• Wreszcie, dostęp do „Zakres”Element za pomocą„dokument.QuerySelelect ()" metoda. Zastosuj także „TextContent”Własność, aby przydzielić przyrostową liczbę kliknięć omówioną wcześniej do elementu Span.

Wyjście będzie następujące:

Funkcjonalność przyrostowego timera po każdym kliknięciu można zaobserwować na powyższym wyjściu.

Podejście 2: Symuluj kliknięcie za pomocą JavaScript za pomocą metody addEventListener ()

„„addEventListener ()„Metoda przydziela obsługę zdarzeń do elementu. Metodę tę można zaimplementować, dołączając określone zdarzenie do elementu i ostrzegając użytkownika po spustu zdarzenia.

Składnia

element.addEventListener (zdarzenie, funkcja)

W podanej składni:

• "wydarzenie”Odnosi się do nazwy wydarzenia.
• "funkcjonować”Wskazuje na funkcję do wykonania, gdy zdarzenie nastąpi.

Przykład

Poniższa demonstracja wyjaśnia określoną koncepcję:

Kliknij w link

W powyższym kodzie:

• Po pierwsze, określ „kotwica”Tag, który zawiera określony link
• W części kodu JavaScript uzyskaj dostęp do utworzonego linku za pomocą „dokument.getElementById ()" metoda.
• Na koniec zastosuj „addEventListener ()„Metoda do dostępu”połączyć". „„Kliknij„Zdarzenie jest załączone w tym przypadku, które spowoduje powiadomienie użytkownika po kliknięciu utworzonego linku.

Wyjście

Podejście 3: Symuluj kliknięcie za pomocą JavaScript za pomocą metody kliknij ()

„„Kliknij()”Metoda wykonuje symulację kliknięcia myszy na elemencie. Tę metodę można użyć do symulacji kliknięcia bezpośrednio do załączonych przycisków, ponieważ nazwa określa.

Składnia

element.Kliknij()

W podanej składni:

• "element”Wskazuje na element, w którym kliknięcie zostanie wykonane.

Przykład

Poniższy fragment kodu wyjaśnia określoną koncepcję:

Czy uznałeś tę stronę pomocną?

Tak
NIE

• Po pierwsze, uwzględnij podany nagłówek w „”Tag.
• Następnie utwórz dwa różne przyciski z określonym identyfikatorem.
• Dołącz także „na kliknięcie”Zdarzenie z oba wywołujące funkcję simulateclick ().
• W następnym kroku dołącz kolejny nagłówek z określonym „ID„Aby powiadomić użytkownika tak szybko, jak„Kliknij”Jest symulowany.

Teraz przejdź przez poniżej podobne linie JavaScript:

• Zdefiniuj funkcję „simulateclick ()".
• Tutaj uzyskaj dostęp do utworzonych przycisków za pomocą „dokument.getElementById ()„Metoda i zastosuj„Kliknij()”Metoda dla nich.
• Teraz, podobnie, uzyskaj dostęp do przydzielonego nagłówka i zastosuj „Innertext„Właściwość, aby wyświetlić podaną wiadomość jako nagłówek po symulowanym kliknięciu.

Wyjście

W powyższym wyjściu widać, że oba utworzone przyciski symulują kliknięcie.

Ten blog pokazuje, jak zastosować symulację kliknięcia za pomocą JavaScript.

Wniosek

Jakiś "na kliknięcie„Wydarzenie,„addEventListener ()„Metoda lub„Kliknij()„Metoda można wykorzystać do symulacji kliknięcia za pomocą JavaScript. Jakiś "na kliknięcie”Można zastosować zdarzenie, aby symulować kliknięcie za każdym razem, gdy przycisk jest klikany w postaci licznika. „„addEventListener ()”Metodę można zastosować do dołączenia zdarzenia do linku i powiadomienia użytkownika po symulacji kliknięcia. „„Kliknij()„Metoda można zastosować do utworzonych przycisków i wykonuje wymaganą funkcjonalność dla każdego z przycisków. Ten zapis wyjaśnia, jak zastosować symulację kliknięcia w JavaScript.