Organizar métodos básicos de operações de eventos de navegador cruzado em JavaScript

Eventos de ligação

 Eu.addhandler = function (elemento, tipo, manipulador) {// DOM2 Nível de processamento de eventos, o IE9 também suporta se (element.addeventListener) {element.addeventListener (tipo, manipulador, false); } else if (element.attachevent) {// type plus 'em' // ie9 também pode ligar elemento.attachevent ('no' + tipo, manipulador); } // DOM0 Etapa de processamento de eventos de nível, o fluxo de eventos também é borbulhado mais {elemento ['on' + type] = manipulador; }};

Desbloquear o evento

É basicamente o mesmo que o manuseio de eventos de ligação, há um ponto de atenção:

O manipulador passado deve ser o mesmo que o passou quando o evento é amarrado (apontando para a mesma função)

 Eu.removeHandler = function (elemento, tipo, manipulador) {if (element.RemoveEventListener) {element.RemoveEventListener (tipo, manipulador); } else if (element.attachevent) {element.detachevent ('on' + type, manipulador); } else {// você pode esvaziar o elemento de atributo ['on' + type] = null; }};

Adicione eventos nos navegadores

 função addEvent (obj, tipo, fn) {if (obj.addeventListener) {obj.addeventListener (tipo, fn, false); } else if (obj.attachevent) {// ie obj.attchevent ('on'+type, fn); }}

Evento de remoção de navegador cruzado

 função removeevent (obj, tipo, fn) {if (obj.removeEventListener) {obj.removeEventListener (tipo, fn, false); } else if (obj.detachevent) {// compatível com ie obj.detachevent ('no'+tipo, fn); }}

Bloquear o comportamento padrão entre os navegadores

 função predef (ev) {var e = ev || Window.Event; if (e.PreventDefault) {e.PreventDefault (); } else {e.returnValue = false; }}

Obtenha o objeto Target nos navegadores

 função gettarget (ev) {if (ev.target) {// w3c return ev.target; } else if (window.event.srcelement) {// ie retornar window.event.srcelement; }}

Obtenha a posição da barra de rolagem nos navegadores

 // Obtenha a posição da barra de rolagem nos navegadores, sp == função de posição de rolagem getsp () {return {top: document.documentElement.scrolltop || document.body.scrolltop, esquerda: document.documentElement.scrollleft || document.body.scrollleft; }}

Obtenha o tamanho da janela visível nos navegadores

 function getWindow () { if(typeof window.innerWidth !='undefined') { return{ width : window.innerWidth, height : window.innerHeight } } else{ return { width : document.documentElement.clientWidth, height : document.documentElement.clientHeight } } },