Lo más fácil es esto:
<input type = "button" onClick = "alert (this.value)" value = "Soy un botón" />
Evento dinámicamente agregado OnClick:
<input type = "button" value = "I am A Botton" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.onclick = objClick; function objClick () {alerta (this.value)}; </script>Si usa la función anónima de la función () {}, es el siguiente:
<input type = "button" value = "I am A Botton" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.onclick = function () {alerta (this.value)}; </script>Los métodos anteriores son en realidad el mismo principio, todos definen el valor del atributo OnClick. Vale la pena señalar que si OBJ.Onclick se define varias veces, como: obj.OnClick = Method1; obj.OnClick = Method2; obj.OnClick = Method3, entonces solo la última definición obj.onclick = método 3 entrará en vigencia, y las dos definiciones anteriores están sobrescribidas por la última.
Veamos el vínculo adjunto en IE nuevamente:
<input type = "button" value = "i am amen" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.attachevent ("onClick", método1); bobj.attachevent ("onClick", método2); bobj.attachevent ("onClick", método 3); moder método (); alerta ")} Función Method2 () {Alert (" Segunda alerta ")} Method3 () {alert (" tercera alerta ")} </script>El orden de ejecución es método3> método2> método1, primero en y luego fuera, similar a las variables en la pila. Cabe señalar que se inicia el primer parámetro en AttachEvent, que puede ser OnClick/OnMouseOver/Onfocus, etc.
Se dice que (verificación no confirmada) es mejor usar desplegador para la memoria libre después de usar AdjunteVent en IE.
Echemos un vistazo a AddEventListener en Firefox:
<input type = "Button" value = "I am Bush" id = "bu"> <script type = "text/javaScript"> var bobj = document.getElementById ("bu"); bobj.addeventListener ("click", método, falso); bobj.addeventListener ("haga clic", método2, falso); bobj.addeventListener ((click 3, ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", haga Method1 () {alert ("Primer alerta")} función Method2 () {alert ("Segunda alerta")} función Method3 () {Alert ("tercera alerta")} </script>Como puede ver, el orden de ejecución en FF es método1> método2> método3, que es exactamente lo opuesto a IE, primero en primera vez. Cabe señalar que AddEventListener tiene tres parámetros. El primero es el nombre del evento sin "On", como Click/Mouseover/Focus, etc.
El simple ejemplo del evento OnClick en el Div dinámicamente agregado por JS es todo el contenido que comparto con ustedes. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.