Comment simuler un clic avec JavaScript?

Comment simuler un clic avec JavaScript?

Les approches suivantes peuvent être implémentées pour appliquer une simulation de clics dans JavaScript:

• "sur clic" événement.
• "addEventListener ()" méthode.
• "Cliquez sur()" méthode.

Approche 1: Simuler un clic avec JavaScript en utilisant l'événement OnClick

Un "sur clic»L'événement se produit lorsque le bouton est appuyé. Cette approche peut être appliquée pour invoquer une fonction sur le bouton cliquer et incrémenter "Cliquez sur le compte"Chaque fois que le bouton est cliqué.

Remarque latérale: Un "sur clic»L'événement peut simplement être appliqué en le fixant avec une fonction particulière.

Exemple

Passez par l'extrait de code suivant:

Cliquez sur simulé> fois

Cliquez sur moi!

• Incluez la rubrique spécifiée avec un «”Tag pour incrémenter le"compter«De clics.
• Dans l'étape suivante, créez un bouton avec un "sur clic”Redirection de l'événement vers la fonction countclick () qui sera accessible sur le bouton cliquer.

Maintenant, passons par les lignes de code JavaScript suivantes:

Dans la partie JS ci-dessus du code:

• Ici, initialisez d'abord les clics avec "0".
• Après cela, déclarez une fonction nommée «countclick ()". Dans sa définition, incrément l'initialisation «clics" avec "1". Cela entraînera une augmentation du nombre à chaque fois que le bouton est cliqué.
• Enfin, accédez au «portée»Élément utilisant le«document.QuerySelector ()" méthode. Appliquez également le «continent textuel”Propriété pour allouer le nombre de clics incrémentés discuté avant à l'élément Span.

La sortie sera la suivante:

La fonctionnalité de la minuterie incrémentée à chaque clic peut être observée dans la sortie ci-dessus.

Approche 2: Simuler un clic avec JavaScript via AddEventListener ()

Le "addEventListener ()»La méthode alloue un gestionnaire d'événements à un élément. Cette méthode peut être implémentée en attachant un événement spécifique à un élément et en alertant l'utilisateur sur la déclencheur de l'événement.

Syntaxe

élément.AddeventListener (événement, fonction)

Dans la syntaxe donnée:

• "événement»Fait référence au nom de l'événement.
• "fonction»Porte la fonction à exécuter lorsque l'événement se produit.

Exemple

La démonstration dirigée ci-dessous explique le concept déclaré:

Cliquer sur le lien

Dans le code ci-dessus:

• Premièrement, spécifiez un «ancre”TAG pour inclure le lien spécifié
• Dans la partie JavaScript du code, accédez au lien créé à l'aide du «document.getElementByid ()" méthode.
• Enfin, appliquez le «addEventListener ()"Méthode à l'accès"lien". Le "Cliquez sur»L'événement est joint dans ce cas, ce qui entraînera une alerte de l'utilisateur en cliquant sur le lien créé.

Sortir

Approche 3: Simuler un clic avec JavaScript en utilisant la méthode click ()

Le "Cliquez sur()»La méthode effectue une simulation de clic de souris sur un élément. Cette méthode peut être utilisée pour simuler un clic directement sur les boutons connectés comme le nom spécifie.

Syntaxe

élément.Cliquez sur()

Dans la syntaxe donnée:

• "élément"Porte l'élément sur lequel le clic sera exécuté.

Exemple

L'extrait de code suivant explique le concept déclaré:

Avez-vous trouvé cette page utile?

Oui
Non

• Tout d'abord, incluez la rubrique indiquée dans le «" étiqueter.
• Après cela, créez deux boutons différents avec l'ID spécifié.
• Ajoutez également un «sur clic”Événement avec à la fois invoquer la fonction simulateClick ().
• Dans l'étape suivante, incluez une autre rubrique avec le spécifié "identifiant«Afin de notifier l'utilisateur dès que« le «Cliquez sur"Est simulé.

Maintenant, passez par les lignes JavaScript fournies ci-dessous:

• Définir une fonction "simulateClick ()".
• Ici, accédez aux boutons créés à l'aide du «document.getElementByid ()«Méthode et appliquez le«Cliquez sur()"Méthode pour eux.
• Maintenant, de même, accédez à l'en-tête alloué et appliquez le «texte de texte»Propriété pour afficher le message déclaré comme une rubrique sur le clic simulé.

Sortir

Dans la sortie ci-dessus, il est évident que les deux boutons créés simulent le clic.

Ce blog montre comment appliquer une simulation de clics à l'aide de JavaScript.

Conclusion

Un "sur clic«Événement, le«addEventListener ()«Méthode, ou le«Cliquez sur()«La méthode peut être utilisée pour simuler un clic avec JavaScript. Un "sur clic»L'événement peut être appliqué pour simuler un clic chaque fois que le bouton est cliqué sous la forme d'un compteur. Le "addEventListener ()«La méthode peut être utilisée pour joindre un événement au lien et informer l'utilisateur sur la simulation de clics. Le "Cliquez sur()«La méthode peut être appliquée aux boutons créés et effectue les fonctionnalités requises pour chacun des boutons. Cet article explique comment appliquer une simulation de clics dans JavaScript.