Dans JavaScript, vous pouvez spécifier des événements pour un élément, et il existe trois façons de les spécifier:
1. Dans HTML, utilisez l'attribut onClick
2. Dans JavaScript, utilisez l'attribut onClick
3. Dans Javascipt, utilisez la méthode AddevenListener ()
Comparaison de trois méthodes
(1) Dans les deuxième et troisième méthodes, un objet d'événement peut être transmis à la fonction et ses propriétés correspondantes peuvent être lues, mais la méthode 1 ne peut pas être utilisée.
(2) Les deuxième et troisième types sont préférés. Le premier type n'est pas propice à la séparation du contenu des événements, et il est également impossible d'utiliser le contenu pertinent de l'objet Event.
Quelques détails de syntaxe
(1) Dans la première méthode, le cas ONClick n'est pas pertinent, mais dans la deuxième méthode, les minuscules doivent être utilisés. Parce que HMTL n'est pas sensible à la casse, tandis que JS est sensible à la casse.
(2) Dans les deuxième et troisième méthodes, il n'y a pas de doubles citations lors de la spécification du nom de la fonction, tandis que la première méthode est un attribut HTML et nécessite des citations doubles.
(3) La première méthode nécessite des supports, tandis que les deuxième et troisième méthodes ne le font pas.
onclick = "clickhandler ()" document.getElementById ("jsonclick"). onclick = clickhandler2; document.getElementById ("AddEventListener"). AddEventListener ("cliquez", clickhandler2);Le code complet est le suivant:
<! Doctype html> <html> <ead> <meta charset = "utf-8"> <tight> Même deom </ title> </ head> <body> <Button id = "htmlonclick" onClick = "ClickHandler ()"> htmlonclick </futton> <Button id = "jsonclick"> JsonClick </ / bouton> <bouton> <Button ID = "JSONCLICK"> JsonClicot id = "AddEventListener"> addEventListener </futton> <Script Defer> Fonction ClickHandler () {alert ("Attribut onClick dans html"); } fonction ClickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ("JSONClick"). onClick = clickhandler2; document.getElementById ("AddEventListener"). AddEventListener ("cliquez", clickhandler2); </cript> </ body> </html>Dans JavaScript, vous pouvez spécifier des événements pour un élément, et il existe trois façons de les spécifier:
1. Dans HTML, utilisez l'attribut onClick
2. Dans JavaScript, utilisez l'attribut onClick
(1) Notez que le nom de la fonction n'a pas de citations doubles.
3. Dans Javascipt, utilisez la méthode AddevenListener ()
Comparaison de trois méthodes
(1) Dans les deuxième et troisième méthodes, un objet d'événement peut être transmis à la fonction et ses propriétés correspondantes peuvent être lues, mais la méthode 1 ne peut pas être utilisée.
Quelques détails de syntaxe
(1) Dans la première méthode, le cas ONClick n'est pas pertinent, mais dans la deuxième méthode, les minuscules doivent être utilisés. Parce que HMTL n'est pas sensible à la casse, tandis que JS est sensible à la casse.
(2) Dans les deuxième et troisième méthodes, il n'y a pas de doubles citations lors de la spécification du nom de la fonction, tandis que la première méthode est un attribut HTML et nécessite des citations doubles.
(3) La première méthode nécessite des supports, tandis que les deuxième et troisième méthodes ne le font pas.
onclick = "clickhandler ()" document.getElementById ("jsonclick"). onclick = clickhandler2; document.getElementById ("AddEventListener"). AddEventListener ("cliquez", clickhandler2);Le code complet est le suivant:
<! Doctype html> <html> <ead> <meta charset = "utf-8"> <tight> Même deom </ title> </ head> <body> <Button id = "htmlonclick" onClick = "ClickHandler ()"> htmlonclick </futton> <Button id = "jsonclick"> JsonClick </ / bouton> <bouton> <Button ID = "JSONCLICK"> JsonClicot id = "AddEventListener"> addEventListener </futton> <Script Defer> Fonction ClickHandler () {alert ("Attribut onClick dans html");} fonction clickhandler2 (e) {alert (e.target.innerhtml);} document.getElementByid ("JSONClick"). OnClick = click handler2; document.getElementById ("AddEventListener"). AddEventListener ("cliquez", clickhandler2); </cript> </body> </html>