A coisa mais fácil é a seguinte:
<input type = "button" onclick = "alert (this.value)" value = "eu sou um botão" />
Adicione dinamicamente o evento OnClick:
<input type = "button" value = "eu sou um botão" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = objClick; function objclick () {alert (this.value)}; </script>Se você usar a função anônima função () {}, é a seguinte:
<input type = "button" value = "eu sou um botão" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = function () {alert (this.value)}; </script>Os métodos acima são realmente o mesmo princípio, todos definem o valor do atributo onclick. Vale a pena notar que se obj.OnClick for definido várias vezes, como: obj.onclick = método1; obj.OnClick = Method2; obj.OnClick = Method3, então apenas a última definição obj.OnClick = Method3 entrará em vigor, e as duas definições anteriores são substituídas pelo último.
Vejamos o AnegnEvent no IE novamente:
<input type = "button" value = "eu estou carregado" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.attachevent ("onclick", método1); bobj.attachevent ("onClick", métod2); Method1 () {alert ("primeiro alerta")} função method2 () {alert ("segundo alert")} função method3 () {alert ("terceiro alerta")} </cript>A ordem de execução é método3> Método2> Método1, primeiro em e depois, semelhante às variáveis na pilha. Deve -se notar que o primeiro parâmetro no AnextEvent inicia, que pode ser OnClick/OnMouseOver/Onfocus, etc.
Dizem que (verificação não confirmada) é melhor usar o destacar para a memória livre após o uso do Anexevent no IE.
Vamos dar uma olhada no AddEventListener no Firefox:
<input type = "button" value = "eu sou bush" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.addeventListener ("click", método1, false); bobj.adDeventListener ("clique", método 2, bobn); Method1 () {alert ("primeiro alerta")} função method2 () {alert ("segundo alert")} função method3 () {alert ("terceiro alerta")} </cript>Como você pode ver, a ordem de execução no FF é Method1> Method2> Method3, que é exatamente o oposto do IE, primeiro na primeira saída. Deve -se notar que o addEventListener possui três parâmetros. O primeiro é o nome do evento sem "ON", como Click/MouseOver/Focus, etc.
O exemplo simples do evento OnClick no DIV adicionado dinamicamente pelo JS é todo o conteúdo que eu compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.