Explication détaillée de la différence entre click et onclick
Cette fois, je vais vous donner une explication détaillée de la différence entre click et onclick, et quelles sont les précautions d'utilisation de click et onclick. Ce qui suit est un cas pratique, jetons un coup d'œil.
Le click de JavaScript natif est décrit dans le w3c comme l'objet bouton DOM, qui est également la méthode html DOM click(), qui peut simuler un clic de souris sur le bouton.
objet bouton représente un bouton dans un document HTML. L'élément bouton n'a pas de comportement par défaut, mais doit avoir un gestionnaire d'événements onclick pour pouvoir l'utiliser.
Syntaxe : buttonObject.click()
<html>
<head>
<script type="text/javascript">
function clickButton()
{
document.getElementById('button1').click()
}
function alertMsg()
{
alert("Button 1 was clicked!")
}
</script>
</head>
<body onload="clickButton()">
<form>
<input type="button" id="button1" onclick="alertMsg()" value="Button 1" />
</form>
</body>
</html>onclick est un événement, objet Événement . Objets JavaScript prenant en charge cet événement : bouton, document, case à cocher, lien, radio, réinitialiser, soumettre
Objet événement HTML DOM, représentant le statut de l'événement, tel que l'élément dans lequel l'événement s'est produit, le statut des touches du clavier, ainsi que la position de la souris et l'état du bouton de la souris. Les événements sont souvent utilisés conjointement avec des fonctions, qui ne sont exécutées que lorsque l'événement se produit !
<html> <body> Field1: <input type="text" id="field1" value="Hello World!"><br /> Field2: <input type="text" id="field2"> <br /> 点击下面的按钮，把 Field1 的内容拷贝到 Field2 中： <br /> <button onclick="document.getElementById('field2').value=document.getElementById('field1').value">Copy Text</button> </body> </html>
Différence
Comme mentionné précédemment, click est une méthode et onclick est un événement.
La question la plus fondamentale est la suivante : quelle est la différence entre les méthodes et les événements ?
La différence est :
1. Le nom de l'événement commence généralement par on
2. instruction, c'est-à-dire Display call; [peut déclencher l'événement onclick]
3. L'événement n'a pas besoin d'être appelé par le programmeur. Cependant, le programmeur doit écrire une fonction et attribuer la fonction à l'événement correspondant. L'appel est dans l'événement correspondant lorsqu'il est déclenché. [Dites au navigateur quoi faire lorsque la souris clique] L'ordre d'appel est donc le suivant : d'abord la méthode, puis l'événement.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Utilisez JS pour manipuler des images, en ne laissant que le noir et blanc
Utilisez React, Redux, React -redux
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Analyser l'utilisation et la classification des commentaires JSP
Feb 01, 2024 am 08:01 AM
Classification et analyse de l'utilisation des commentaires JSP Les commentaires JSP sont divisés en deux types : commentaires sur une seule ligne : se terminant par, une seule ligne de code peut être commentée. Commentaires multilignes : commençant par /* et se terminant par */, vous pouvez commenter plusieurs lignes de code. Exemple de commentaire sur une seule ligne Exemple de commentaire sur plusieurs lignes/**Ceci est un commentaire sur plusieurs lignes*Peut commenter plusieurs lignes de code*/Utilisation des commentaires JSP Les commentaires JSP peuvent être utilisés pour commenter le code JSP afin de le rendre plus facile à lire
Comment utiliser correctement la fonction exit en langage C
Feb 18, 2024 pm 03:40 PM
Comment utiliser la fonction exit en langage C nécessite des exemples de code spécifiques. En langage C, nous devons souvent terminer l'exécution du programme au début du programme, ou quitter le programme sous certaines conditions. Le langage C fournit la fonction exit() pour implémenter cette fonction. Cet article présentera l'utilisation de la fonction exit() et fournira des exemples de code correspondants. La fonction exit() est une fonction de bibliothèque standard en langage C et est incluse dans le fichier d'en-tête. Sa fonction est de terminer l'exécution du programme, et peut prendre un nombre entier
Utilisation de la fonction WPSdatedif
Feb 20, 2024 pm 10:27 PM
WPS est une suite logicielle bureautique couramment utilisée et la fonction de table WPS est largement utilisée pour le traitement des données et les calculs. Dans le tableau WPS, il existe une fonction très utile, la fonction DATEDIF, qui permet de calculer le décalage horaire entre deux dates. La fonction DATEDIF est l'abréviation du mot anglais DateDifference. Sa syntaxe est la suivante : DATEDIF(start_date,end_date,unit) où start_date représente la date de début.
Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP
Jan 05, 2024 pm 06:08 PM
Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest
Explication détaillée et introduction à l'utilisation de la fonction MySQL ISNULL
Mar 01, 2024 pm 05:24 PM
La fonction ISNULL() dans MySQL est une fonction utilisée pour déterminer si une expression ou une colonne spécifiée est NULL. Il renvoie une valeur booléenne, 1 si l'expression est NULL, 0 sinon. La fonction ISNULL() peut être utilisée dans l'instruction SELECT ou pour un jugement conditionnel dans la clause WHERE. 1. La syntaxe de base de la fonction ISNULL() : ISNULL(expression) où expression est l'expression permettant de déterminer si elle est NULL ou
Comment utiliser les raccourcis Apple
Feb 18, 2024 pm 05:22 PM
Comment utiliser les commandes de raccourci Apple Avec le développement continu de la technologie, les téléphones mobiles sont devenus un élément indispensable de la vie des gens. Parmi les nombreuses marques de téléphones mobiles, les téléphones mobiles Apple ont toujours été appréciés des utilisateurs pour leurs systèmes stables et leurs fonctions puissantes. Parmi eux, la fonction de commande de raccourci Apple rend l’expérience du téléphone mobile des utilisateurs plus pratique et efficace. Apple Shortcuts est une fonctionnalité lancée par Apple pour iOS12 et les versions ultérieures. Elle aide les utilisateurs à simplifier les opérations de leur téléphone mobile en créant et en exécutant des commandes personnalisées pour obtenir un travail plus efficace et.
Utilisation du mot-clé distinct dans l'analyse SQL
Feb 18, 2024 pm 09:21 PM
Explication détaillée de l'utilisation distincte dans SQL Dans les bases de données SQL, nous rencontrons souvent des situations où nous devons supprimer les données en double. À ce stade, nous pouvons utiliser le mot-clé distinct, qui peut nous aider à supprimer les données en double et à rendre les résultats de la requête plus clairs et plus précis. L'utilisation de base de distinct est très simple, utilisez simplement le mot-clé distinct dans l'instruction select. Par exemple, ce qui suit est une instruction select normale : SELECTcolumn_name
Utilisez CSS Transform pour transformer des éléments
Feb 24, 2024 am 10:09 AM
Utilisation de Transform en CSS La propriété Transform de CSS est un outil très puissant qui peut effectuer des opérations telles que la traduction, la rotation, la mise à l'échelle et l'inclinaison des éléments HTML. Cela peut changer radicalement l’apparence des éléments et rendre les pages Web plus créatives et dynamiques. Dans cet article, nous présenterons en détail les différentes utilisations de Transform et fournirons des exemples de code spécifiques. 1. Traduire (Traduire) Traduire fait référence au déplacement d'un élément sur une distance spécifiée le long de l'axe x et de l'axe y. Sa syntaxe est la suivante : tran
