Primeiro, introduza o método geral de adicionar eventos por JS. O conteúdo específico é o seguinte
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <p id = "p1"> teste add neste: Firefox usa addEventListener, ie usa <bringEvent <br> clique nessa tag p e 2-up {Pop-us limite </p> slitript " } função test2 () {alert ("test2"); } // Adicione a função do método geral do evento addEvent (elemento, e, fn) {// firefox usa addEventListener para adicionar evento if (element.addeventListener) {element.addeventListener (e, fn, false); } // ou seja, use o AnextEvent para adicionar o evento mais {element.attachevent ("on"+e, fn); }} window.onload = function () {var element = document.getElementById ("p1"); addEvent (elemento, "clique", teste1); addEvent (elemento, "clique", teste2); } </script> </body> </html>Maneiras comuns de vincular eventos JS:
Como vincular eventos: vincular funções de eventos com atributos de evento
vantagem:
1. Complete a separação de comportamentos
2. É conveniente para operar o objeto envolvido, porque a função aparece como um atributo on ***, você pode consultar diretamente o objeto envolvido usando isso.
3. Fácil de ler objetos de evento. Quando o evento for acionado, o sistema passará automaticamente no objeto de evento para a função de evento e um deles será aprovado.
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <s> js. k = document.getElementById ('k'). OnClick = function (event) {var jj = document.getElementById ('jj'); jj.style.top = event.clientx+'px'; jj.style.left = event.clienty+'px'; }} </script> <yoy> #k {width: 60px; altura: 80px; Background-Color:#80ffff;} #jj {largura: 60px; altura: 80px; cor de fundo:#ffff00; z-index: 1000; posição: absoluto;} </style> </ad Head> <body> <div id = "k"> </div id = "jj"> </div> </bodyl> </hm </hm "O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.