Comment est défini JavaScript sur la méthode?

Le "sur()«La méthode n'est pas une méthode JavaScript prédéfinie, bien qu'elle soit largement utilisée dans les bibliothèques JavaScript, telles que«jquery" et "Nœud.js". Il est utilisé pour joindre un gestionnaire d'événements à un élément sur une page Web. Il permet aux développeurs d'ajouter des fonctionnalités aux pages Web, telles que la réponse aux entrées des utilisateurs, y compris les clics de souris, le survol de la souris, les événements de clavier, etc.

Ce message discutera de la méthode javascript sur ().

Comment la méthode javascript sur () est-elle définie?

Le "sur()«La méthode est couramment utilisée pour attacher des gestionnaires d'événements aux éléments, ce qui permet aux développeurs d'écrire des fonctions qui seront appelées lorsqu'un événement se produit, comme un«Cliquez sur" événement, "touche Bas«Événement, un«souris", et ainsi de suite.

Syntaxe
La syntaxe suivante sera utilisée pour la méthode on ():

$ (sélecteur).sur (événement, fonction)

Ici, dans la syntaxe ci-dessus:

• événement: Il définit les événements associés à l'élément sélectionné.
• fonction: Lorsque l'événement se produit, cette fonction est appelée.

Exemple 1
Tout d'abord, ajoutez la bibliothèque jQuery dans la balise, car la méthode «on ()» n'est pas accessible sans jQuery:

Dans le document HTML, créez un

Tag et un bouton avec ID "btn«Qui est utilisé pour y accéder:

Cliquez ici!

Dans la balise, appelez d'abord la fonction Ready, puis accédez au bouton à l'aide de son identifiant attribué et invoquez le "sur()" méthode. Passez le paramètre de l'événement "Cliquez sur»Et une fonction qui sera appelée lorsque l'événement se produit:

$ (document).ready (function ()
$ ("# btn").sur ("cliquez", fonction ()
document.getElementByid ("msg").innerhtml = "Welcome To JavaScript Tutorial sur LinuxHint";
);
);

La sortie montre que le texte a été affiché sur le bouton Cliquez:

Exemple 2
Vous pouvez également simplement appeler la fonction déjà définie dans la méthode «on ()». Ici, dans l'exemple donné, lorsque la souris est cliquée sur le texte, le texte sera modifié. Tout d'abord, nous créerons un

Tag pour ajouter un texte:

Bienvenue à Linuxhint

Définissez une fonction nommée «ChangeText ()«Cela sera appelé sur l'événement de clic et modifiera le texte:

fonction changeText ()
document.getElementByid ("msg").innerhtml = "Ici, vous pouvez apprendre JavaScript à partir de zéro";

Dans la fonction prête, invoquez la méthode on () sur le «

"Tag et passez l'événement"Cliquez sur"Et le défini"ChangeText ()" fonction:

$ (document).ready (function ()
$ ("p").sur ("cliquez", changeText);
);

Sortir

Nous avons compilé toutes les instructions nécessaires pertinentes à la méthode on () en javascript.

Conclusion

Le "sur()«La méthode est généralement utilisée pour joindre un gestionnaire d'événements aux éléments pour ajouter des fonctionnalités à une page Web lorsqu'un événement se produit, comme un«Cliquez sur","touche Bas","souris", et ainsi de suite. Ce message a défini la méthode javascript sur () avec des exemples appropriés.