• AddEventListener possui 3 parâmetros, como mostrado abaixo:
element.AddeventListener (Tipo, ouvinte, USECAPTURA);
| parâmetro | Descrição do parâmetro |
|---|---|
| elemento | O objeto para vincular o evento e o nó HTML. |
| tipo | Para o nome do evento, remova o "On" antes do evento. Por exemplo, "OnClick" deve ser escrito como "clique", e "OnMouseOver" deve ser escrito como "MouseOver". |
| ouvinte | Para vincular a função de escuta do evento, tenha cuidado para escrever apenas o nome da função e não inclua colchetes. |
| UserCapture | O método de monitoramento de eventos pode ser verdadeiro e falso: verdadeiro, adotando o modo de captura; Falso, adotando o modo de bolha. Se não houver requisitos especiais, geralmente é falso. |
Aqui é necessário falar sobre a diferença entre o modo de captura e o modo de bolha.
Conforme mostrado na figura, existem duas camadas de elementos de div e ambos os eventos de cliques. De um modo geral, se eu clicar no elemento azul interno, não apenas acionará o evento de clique do elemento azul, mas também acionará o evento de clique do elemento vermelho ao mesmo tempo. O parâmetro USEcapture é controlar a ordem dos dois eventos de cliques neste momento. Se for falso, o modo de bolha será usado. É um processo de dentro para fora, portanto, o evento de clique do elemento azul será executado primeiro e depois o evento de clique do elemento vermelho. Se for verdade, é o modo de captura. Em contraste com o modo de bolha, é de fora para dentro. O evento de clique do elemento vermelho será executado primeiro antes que o evento de clique do elemento azul seja executado.
Se a captura de US $ usada por elementos de diferentes camadas for diferente, o elemento de destino procurará primeiro eventos definidos para capturar o modo do elemento mais externo. Depois de atingir o elemento de destino para executar o evento do elemento de destino, procure eventos definidos como o modo de bolhas.
• Anexevent possui 2 parâmetros, como mostrado abaixo:
element.attachevent (tipo, ouvinte);
| parâmetro | Descrição do parâmetro |
|---|---|
| elemento | O objeto para vincular o evento e o nó HTML. |
| tipo | Para o nome do evento, adicione "on" antes do evento, como "OnClick" e "OnMouseOver", que é a diferença do addEventListener. |
| ouvinte | Para vincular a função de escuta do evento, tenha cuidado para escrever apenas o nome da função e não inclua colchetes. |
addEventListener () é um método padrão para vincular a função de escuta de eventos, suportada pelo W3C. Chrome, Firefox, Opera, Safari, IE9.0 e, acima de tudo, apoie esta função; No entanto, o IE8.0 e abaixo não suportam esse método, ele usa onestingEvent () para vincular a função de escuta de eventos. Portanto, esse método de evento de ligação deve lidar com problemas de compatibilidade do navegador.
Código compatível com o IE e a ligação ao evento do navegador não-AIV:
função addEvent (obj, type, handle) {try {// Chrome, Firefox, Opera, Safari, ie9.0 e acima versões obj.addeventListener (tipo, alça, false); } catch (e) {tente {// ie8.0 e abaixo versões obj.attachevent ('on' + type, handle); } catch (e) {// navegador antecipado obj ['on' + type] = handle; }}}ou
function regevent (ele, event_name, diversão) {if (window.attachevent) ele.attachevent (event_name, diversão); // IE navegador else {event_name = event_name.replace (/^on/, ""); // se estiver no início, exclua, como onclick-> clique em ele.addeventListener (event_name, diversão, false); // Non IE Browser}}O artigo acima fala brevemente sobre a diferença entre AddEventListener e AnexeEvent é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.