No JavaScript, você pode especificar eventos para um elemento, e há três maneiras de especificá -los:
1. Em html, use o atributo onclick
2. Em JavaScript, use o atributo onclick
3. Em Javascipt, use o método addvenListener ()
Comparação de três métodos
(1) No segundo e terceiro métodos, um objeto de evento pode ser passado para a função e suas propriedades correspondentes podem ser lidas, mas o método 1 não pode ser usado.
(2) O segundo e o terceiro tipos são preferidos. O primeiro tipo não é propício para separar o conteúdo dos eventos e também é impossível usar o conteúdo relevante do objeto de evento.
Alguns detalhes da sintaxe
(1) No primeiro método, o caso OnClick é irrelevante, mas no segundo método, deve ser usada minúscula. Porque o HMTL não é sensível ao caso, enquanto JS é sensível ao caso.
(2) No segundo e terceiro métodos, não há cotações duplas ao especificar o nome da função, enquanto o primeiro método é um atributo html e requer cotações duplas.
(3) O primeiro método requer colchetes, enquanto o segundo e o terceiro métodos não.
OnClick = "ClickHandler ()" Document.getElementById ("JSONCLICK"). OnClick = ClickHandler2; document.getElementById ("addEventListener"). addEventListener ("clique", clickHandler2);O código completo é o seguinte:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <titter> até deom </ititle> </ad head> <body> <button id = "htmlonClick" onclick = "clickHandler ()"> htmlonkick <//button <buttoblot = "json JSONCLICK"> "JSOLCLICK"> " id = "addEventListener"> addEventListener </button> <script adiar> função clickHandler () {alert ("atributo onclick em html"); } função clickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ("jsonClick"). OnClick = clickHandler2; document.getElementById ("addEventListener"). addEventListener ("clique", clickHandler2); </script> </body> </html>No JavaScript, você pode especificar eventos para um elemento, e há três maneiras de especificá -los:
1. Em html, use o atributo onclick
2. Em JavaScript, use o atributo onclick
(1) Observe que o nome da função não possui cotações duplas.
3. Em Javascipt, use o método addvenListener ()
Comparação de três métodos
(1) No segundo e terceiro métodos, um objeto de evento pode ser passado para a função e suas propriedades correspondentes podem ser lidas, mas o método 1 não pode ser usado.
Alguns detalhes da sintaxe
(1) No primeiro método, o caso OnClick é irrelevante, mas no segundo método, deve ser usada minúscula. Porque o HMTL não é sensível ao caso, enquanto JS é sensível ao caso.
(2) No segundo e terceiro métodos, não há cotações duplas ao especificar o nome da função, enquanto o primeiro método é um atributo html e requer cotações duplas.
(3) O primeiro método requer colchetes, enquanto o segundo e o terceiro métodos não.
OnClick = "ClickHandler ()" Document.getElementById ("JSONCLICK"). OnClick = ClickHandler2; document.getElementById ("addEventListener"). addEventListener ("clique", clickHandler2);O código completo é o seguinte:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <titter> até deom </ititle> </ad head> <body> <button id = "htmlonClick" onclick = "clickHandler ()"> htmlonkick <//button <buttoblot = "json JSONCLICK"> "JSOLCLICK"> " id = "addEventListener"> addEventListener </botão> <script adiar> função clickHandler () {alert ("atributo onclick em html");} função clickHandler2 (e) {alert (e.target.innerhtm);} document.getElementById ("jsonClick"). ClickHandler2; document.getElementById ("addEventListener"). addEventListener ("clique", clickHandler2); </sCript> </body> </html>