1. Modelo de evento original
Seus tipos de eventos: divididos em "Eventos de entrada (como OnClicki)" e "Eventos semânticos (como Onsubmit)"
O registro de programas de eventos pode ser feito das seguintes maneiras:
1. Código JS como valor da propriedade HTML
A cópia do código é a seguinte: <input type = "button" value = "Pressione -me" onclick = "alert ('obrigado');"
2. Manipulador de eventos como atributo JS
Nota: Cada elemento HTML no documento possui um objeto JS correspondente na árvore de documentos. Os atributos deste objeto JS correspondem às propriedades desse elemento HTML. Seja o código JS da natureza html ou o manipulador de tempo dos atributos JS, seus próprios atributos são a função "função".
Copie o código da seguinte forma: <name de forma = "f1">
<input name = "b1" type = "button" value = "Pressione -me"/>
</morm>
O primeiro método de atribuição:
A cópia do código é a seguinte: document.f1.b1.onClick = function () {alert ('agradecimento');};
O segundo método de atribuição:
A cópia do código é a seguinte: function peread () {window.status = "por favor me pressione!";}
document.f1.bi.onmouseOver = suplos;
Manipuladores de eventos como atributos JS podem ser explicitamente chamados com atributos JS
A cópia do código é a seguinte: document.myfrom.onsubmit ();
O manipulador de eventos pode devolver o Fale para impedir que o navegador execute as ações padrão dos eventos, operações comumente usadas, como o Onsubmit. A exceção é
O bloqueio da janela. Por exemplo:
Copie o código da seguinte forma: <a href = "help.htm" onmouseover = "window.status = 'help'; retorna true;"> ajuda </a>
2. Modelo de evento DOM2
Este modelo é formulado com referência ao modelo de bolha do IE, que é uma especificação formulada pelo W3C. No modelo original, o identificador de evento é chamado diretamente quando ocorre um evento e não há outro processo de propagação de eventos. No modelo DOM2, os eventos têm um processo de propagação especial, dividido em três etapas:
(1) Fase de captura: o evento é propagado do documento para o elemento de destino. Durante esse processo, se algum elemento ancestral estiver interessado no evento, você poderá registrar sua própria função de processamento.
(2) Fase alvo: o evento atinge o elemento de destino e executa a função de manuseio de eventos do elemento de destino.
(3) Fase de borbulhamento: os eventos aumentam do elemento alvo até o documento. Embora todos os tipos de eventos passarem pelo estágio de fase captrued, apenas alguns eventos passarão pelo estágio de fase borbulhante, por exemplo, o evento de envio não será lançado.
Durante todo o processo de propagação do evento, o Event.StopPropagation () pode ser chamado para interromper a propagação do evento e o PreventDefault () pode ser chamado para bloquear o comportamento padrão do navegador.
A cópia do código é a seguinte: addEventListener ("EventType", "Handler", "true! False");
RemoneventListner ("EventType", "Handler", "True! False");
Ou seja, modelo
O modelo do IE também fornece um objeto de evento que encapsula as informações detalhadas do evento, mas o IE não passa o objeto para a função de manuseio de eventos. Como haverá apenas um evento a qualquer momento, ou seja, considera -o um atributo da janela de objeto global. O modo de propagação do evento no IE corresponde ao segundo e terceiro estágios do DOM2. Primeiro, a função de processamento do elemento de destino é executada e, em seguida, o upload atinge o documento. Somente eventos de mouse podem ser capturados no IE. Todos os eventos podem ser capturados no DOM2. O método de registrar e excluir funções de manuseio de eventos no IE também é diferente do DOM2.
O registro e a exclusão dos manipuladores de eventos passam por meio do elemento APLETEMENTEVENT ("EventType", "Handler") e Detachevent ("EventType", "Handler"). Ao contrário do DOM2, o EventType tem um prefixo no
Características:
1. O processo de propagação apenas borbulha e não o captura. Método para interromper bolhas:
window.ecent.cancelbubble = true;
2. O objeto de evento não é um parâmetro de função do manipulador de eventos, mas uma variável global da janela.
3.
4. Modelo de evento Netscape4
Como o Netscape parece ter parado completamente de desenvolvimento, não vou explicar em detalhes. Simplificando, ele apenas pega e não borbulha.
O exposto acima é uma introdução básica ao modelo de evento JavaScript. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.