Chamando eventos:
Objeto de evento
O que é um objeto de evento? Os eventos no DOM acionado gerarão um evento de objeto de evento. Por exemplo, quando o mouse clicar, você gerará o tipo de clique e o elemento que você precisa enviá -lo.
O atributo de tipo de objeto de evento DOM é usado para obter o objeto de evento, o atributo de destino é usado para obter o destino do evento, o método StopPropagation () impede que o evento seja borbulhado. O comportamento padrão do PreventDefault bloqueia o evento.
O atributo de tipo de objeto de evento no IE é usado para obter o objeto de evento, e o atributo SRCELEMENT é usado para obter o atributo cancelbubble de destino do evento, é usado para impedir que as bolhas de eventos definidas como true para indicar que está bloqueado false significa que ele não bloqueia.
O comportamento padrão da propriedade ReturnValue para bloquear eventos é definido como false para indicar bloqueio.
A cópia do código é a seguinte:
// Compatível com o processamento de eventos de navegador cruzado de cada navegador --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var eventHandle = {
// Elemento: Elemento, Tipo: Clique em Evento, Handle: Método Implementado
// Adicione a alça
addEventHandle: function (elemento, tipo, manipulador) {
if (element.addeventListener) {
element.addeventListener (tipo, manipulador, false); // --- Falso // representa o nível de bolha DOM2
}
else if (element.attachevent) {
element.attachevent ("on"+tipo, manipulador);
} outro {
elemento ["on" + type] = manipulador;
}
},
// excluir manuseio de eventos de manipulação não funciona
RemoneeventHandle: function (elemento, tipo, manipulador) {
if (element.removeEventListener) {// suporta o tipo de processamento de eventos DOM2-LEVE
element.RemoveEventListener (tipo, manipulador, false); // --- Falso // representa bolhas
}
else if (element.detachevent) {
element.Detachevent ("on"+tipo, manipulador); // Apoio IE
} outro {
elemento ["on" + type] = null; // DOM0 Evento de nível lida com eventos de clique tradicionais
}
},
// Obtenha todos os objetos compatíveis com o navegador
getEvent: function (event) {
Evento de retorno? Evento: Window.Event; // O que é necessário na versão inferior do navegador do IE é janela.Event
},
// é um clique ou um mouse para mover o tipo de evento
getType: function (evento) {
retorno event.type;
},
// Obtenha o elemento atual
getElement: function (event) {
Return Event.Target || Event.srcelement;
},
// O comportamento padrão dos eventos de bloqueio
: function (evento) {
if (event.preventDefault) {
event.preventDefault ();
}
outro {
event.returnValue = false;
}
},
// Pare a borbulha dos eventos
StopPropagation: function (evento) {
if (event.stoppropagation) {
event.stopPropagation ();
}
outro {
event.cancelbubble = true;
}
}
}