En JavaScript, puede especificar eventos para un elemento, y hay tres formas de especificarlos:
1. En HTML, use el atributo OnClick
2. En JavaScript, use el atributo OnClick
3. En Javascipt, use el método AddevenListener ()
Comparación de tres métodos
(1) En el segundo y tercer métodos, se puede pasar un objeto de evento a la función y sus propiedades correspondientes se pueden leer, pero el método 1 no se puede usar.
(2) Se prefieren los tipos segundo y tercero. El primer tipo no es propicio para separar el contenido de los eventos, y también es imposible usar el contenido relevante del objeto de evento.
Algunos detalles de sintaxis
(1) En el primer método, el caso OnClick es irrelevante, pero en el segundo método, se debe usar minúsculas. Porque HMTL no es sensible a las minas, mientras que JS es sensible a la caja.
(2) En el segundo y tercer métodos, no hay cotizaciones dobles al especificar el nombre de la función, mientras que el primer método es un atributo HTML y requiere citas dobles.
(3) El primer método requiere soportes, mientras que los métodos segundo y tercero no.
onClick = "clickHandler ()" document.getElementById ("jsonClick"). onClick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("Haga clic", ClickHandler2);El código completo es el siguiente:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <title> incluso deom </title> </head> <body> <button id = "htmlonClick" onClick = "clickHandler ()"> htmlonclick </botón> <button iD = "jsonClick"> jsonclick </botón <botón <botón> <botón> <botón> <botón> <botón> id = "addEventListener"> addEventListener </boton> <script diferir> función clickHandler () {alert ("atributo de ondclick en html"); } función clickHandler2 (e) {alert (e.target.innerhtml); } document.getElementById ("jsonClick"). onClick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("Haga clic", ClickHandler2); </script> </body> </html>En JavaScript, puede especificar eventos para un elemento, y hay tres formas de especificarlos:
1. En HTML, use el atributo OnClick
2. En JavaScript, use el atributo OnClick
(1) Tenga en cuenta que el nombre de la función no tiene cotizaciones dobles.
3. En Javascipt, use el método AddevenListener ()
Comparación de tres métodos
(1) En el segundo y tercer métodos, se puede pasar un objeto de evento a la función y sus propiedades correspondientes se pueden leer, pero el método 1 no se puede usar.
Algunos detalles de sintaxis
(1) En el primer método, el caso OnClick es irrelevante, pero en el segundo método, se debe usar minúsculas. Porque HMTL no es sensible a las minas, mientras que JS es sensible a la caja.
(2) En el segundo y tercer métodos, no hay cotizaciones dobles al especificar el nombre de la función, mientras que el primer método es un atributo HTML y requiere citas dobles.
(3) El primer método requiere soportes, mientras que los métodos segundo y tercero no.
onClick = "clickHandler ()" document.getElementById ("jsonClick"). onClick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("Haga clic", ClickHandler2);El código completo es el siguiente:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <title> incluso deom </title> </head> <body> <button id = "htmlonClick" onClick = "clickHandler ()"> htmlonclick </botón> <button iD = "jsonClick"> jsonclick </botón <botón <botón> <botón> <botón> <botón> <botón> id = "addEventListener"> addEventListener </boton> <script defer> función clickHandler () {alert ("Atributo OnClick en html");} Función ClickHandler2 (e) {alert (e.target.innerhtml);} document.getEmentByid ("jSonClick"). Clickhandler2; document.getElementById ("AddEventListener"). AddEventListener ("Click", ClickHandler2); </script> </body> </html>