Os eventos são o coração espancado dos aplicativos JavaScript e a cola que cola tudo junto. O evento ocorre quando temos certos tipos de interações com as páginas da web no navegador. Os eventos podem ser um usuário clicando em determinado conteúdo, um mouse passando por um elemento específico ou pressionando certas teclas no teclado. Os eventos também podem ser algo que acontece em um navegador da web, como uma determinada página da web, ou o usuário rola a janela ou altera o tamanho da janela.
Ao usar o JavaScript, você pode ouvir eventos específicos e especificar que certos eventos ocorrem em resposta a eles.
1. Adicione a escuta do evento
Ou seja:
Copie o código da seguinte
Detachevent ("OnClick", function () {...}) // excluir
FF:
A cópia do código é a seguinte: addEventListener ("clique", function () {...}, false)
// Você pode adicionar vários eventos ouvindo um objeto, que é diferente do evento de objeto padrão
RemoneeventListenner ("clique", function () {...}, false)
2. Obtenha o objeto de evento
Ou seja:
A cópia do código é a seguinte: op.onclick = function () {
ver oevent = window.event; // Como propriedade da janela
}
FF:
A cópia de código é a seguinte: op.onclick = function (oevent) {
.... // Controle passando em parâmetros
}
Em geral:
A cópia de código é a seguinte: op.onclick = function (oevent) {
if (window.event) {
oEvent = window.event;
}
}
// É obtido em tempo real, mas as propriedades e métodos de seus objetos de retorno não são consistentes, mas eles podem ser resolvidos usando o EventUtil!
var eventUtil = novo objeto;/** //*Este método é usado para adicionar eventos a um objeto específico. Otarget é o objeto especificado, o SeventType é o tipo de evento, como clique, keydown, etc. FNHandler é a função de retorno de chamada do evento*/eventUtil.addeventHandler = function (otarget, seventTyPe, fnHandler) {// no caso de Firefox (OTARGET.AdDeVentListener) {// no caso de FireFox (OTARGET.AdDeVentListener) {// no caso de FireFox (OTARGET.AdDeVentListener) {/ in the Case of Firefox (OTARGET.AdDeVentLister) {// no caso de FireFox (Otarget.AdDeVentLister) {///target. fNhandler, falso); } // ie else if (otarget.attachevent) {otarget.attachevent ("on" + seventType, fnhandler); } else {otarget ["on" + seventType] = fnhandler; }};/* Este método é usado para remover eventos específicos de um objeto específico. oTarget is the specified object, sEventType is the event type, such as click, keydown, etc. fnHandler is the event callback function*/ EventUtil.removeEventHandler = function (oTarget, sEventType, fnHandler) { if (oTarget.removeEventListener) { oTarget.removeEventListener(sEventType, fnHandler, falso); } else if (otarget.detachevent) {otarget.detachevent ("on" + seventtype, fnhandler); } else {otarget ["on" + seventType] = null; }};/*Formato eventos, porque o IE e outros navegadores obtêm eventos de maneira diferente e as propriedades dos eventos também são diferentes, esse método fornece um evento consistente*/eventUtil.formatevent = function (oevent) {// isie e iswin consulte um arquivo js para determinar o navegador e o sistema operacional se (isie &&swin) { "Keypress")? oEvent.KeyCode: 0; // O IE suporta apenas bolhas e não suporta captura de oEvent.EventPhase = 2; oEvent.ischar = (oEvent.Charcode> 0); oEvent.pagex = oEvent.clientx + document.body.scrollleft; oEvent.Pagey = OEvent.Clienty + Document.Body.Scrolltop; // Comportamento padrão dos eventos de bloqueio oEvent.PreventDefault = function () {this.returnValue = false; }; // Converter toelement, doElement em Standard RelatedTarget if (oevent.type == "mouseout") {oevent.RelatedTarget = oevent.toelement; } else if (oevent.type == "mouseOver") {oevent.RelatedTarget = oEvent.FromElement; } // Cancelar bolhas oevent.stopPropagation = function () {this.cancelbubble = true; }; oEvent.Target = OEvent.SrceLement; // Adicionar atributo de tempo de ocorrência de eventos, ou seja, não possui oEvent.Time = (nova data) .getTime (); } retornar oEvent; }; EventUtil.Getevent = function () {if (window.event) {// formato ie events retorna this.formatevent (window.event); } else {return eventutil.getevent.caller.argudents [0]; }}; /** anexou um arquivo JS que julga o navegador e o tipo de sistema. Ao introduzir algumas variáveis globais com nomes óbvios como resultado do julgamento, você precisa ter cuidado com os conflitos de nomes variáveis ao usar: */var suserAgent = navegator.userAgent; var fappVersion = parsefloat (navegador.Appversion); Comparadores de função (sversion1, Sversion (varsion); var aversion2 = sversion2.split ("."); if (aversion1.length> aversion2.Length) {for (var i = 0; i <aversion1.length - aversão2.Length; i ++) {aversion2.push ("0"); }} else if (aversion1.length <aversão2.Length) {for (var i = 0; i <aversão2.Length - aversion1.length; i ++) {aversion1.push ("0"); }} para (var i = 0; i <aversion1.length; i ++) {if (aversion1 [i] <aversion2 [i]) {return -1; } else if (aversion1 [i]> aversion2 [i]) {return 1; }} retornar 0;} var isopera = suserAgent.IndexOf ("Opera")> -1; var isminopera4 = isminopera5 = isminopera6 = isminopera7 = isminopera7_5 = false; if (isopera) {var fopeversion; if (Navigator.AppName == "Opera") {FOPERAVERSION = FAPPVERSION; } else {var reoperaversion = new regexp ("Opera (//d+//.//d+)"); reoperaversion.test (suserragent); foperaversion = parsefloat (regexp ["$ 1"]); } isminopera4 = foperaversion> = 4; isminopera5 = foperaversion> = 5; isminopera6 = foperaversion> = 6; isminopera7 = foperaversion> = 7; isminopera7_5 = foperaversion> = 7.5;} var iskhtml = suserragent.indexof ("khtml")> -1 || SUSeragent.IndexOF ("KonQueror")> -1 || SUSeragent.IndexOF ("Applewebkit")> -1; var isminsafari1 = isminsafari1_2 = false; var isminkonq2_2 = isminkonq3 = isminkonq3_1 = isminkonq3_2 = false; if (iskhtml) {issafari = suserAgent.IndexOf ("AppleweBKit)> -1; iskonq = suserAgent.indexof ("KonQueror")> -1; if (issafari) {var reapplewebkit = new regexp ("Applewebkit /// (// d+(?: //.//d*)?)"); reapplewebkit.test (suserragent); var fapplewebkitversion = parsefloat (regexp ["$ 1"]); isminsafari1 = fapplewebkitversion> = 85; isminsafari1_2 = fapplewebkitversion> = 124; } else if (iskonq) {var rekonq = new regexp ("konqueror /// (// d+(?: //.//d+ (?: ////d)?)?)"); rekonq.test (suserragent); isminkonq2_2 = compareversões (regexp ["$ 1"], "2.2")> = 0; isminkonq3 = compareversões (regexp ["$ 1"], "3.0")> = 0; isminkonq3_1 = compareversões (regexp ["$ 1"], "3.1")> = 0; isminkonq3_2 = compareversões (regexp ["$ 1"], "3.2")> = 0; }} var isie = suserAgent.indexof ("compatível")> -1 && suserAgent.indexof ("msie")> -1 &&! isopera; var isminie4 = isminie5 = isminie5_5 = isminie6 = false; if (isie) {var reie = new regexp ("msie (//d+//.//d+);"); reie.test (Suseragent); var fieversion = parsefloat (regexp ["$ 1"]); isminie4 = fieversion> = 4; isminie5 = fieversion> = 5; isminie5_5 = fieversion> = 5.5; isminie6 = fieversion> = 6.0;} var ismoz = suserAgent.indexOf ("gecko")> -1 &&! iskhtml; var isminmoz1 = sminmoz1_4 = isminmoz1_5 = false; if (ismoz) {var remoz = novo Regexp ("rv: (//d+//.//d+ (?: //.//D+)?)"); Remoz.test (Suseragent); isminmoz1 = compareversões (regexp ["$ 1"], "1.0")> = 0; isminmoz1_4 = compareversões (regexp ["$ 1"], "1.4")> = 0; isminMoz1_5 = compareversões (regexp ["$ 1"], "1.5")> = 0;} var isns4 =! isie &&! isopera &&! ismoz &&! iskhtml && (suserragent.indexof ("mozilla") == 0) && navigator (suseragent.indexof ("mozilla") == 0) &&s) && fappVersion <5.0); var isminns4 = isminns4_5 = isminns4_7 = isminns4_8 = false; if (isns4) {isminns4 = true; isminns4_5 = fappVersion> = 4.5; isminns4_7 = fappVersion> = 4.7; isminns4_8 = fappVersion> = 4.8;} var iswin = (navegator.platform == "win32") || (Navigator.platform == "Windows"); var ismac = (Navigator.platform == "Mac68k") || (Navigator.platform == "Macppc") || (navigator.platform == "Macintosh");var isUnix = (navigator.platform == "X11") && !isWin && !isMac;var isWin95 = isWin98 = isWinNT4 = isWin2K = isWinME = isWinXP = false;var isMac68K = isMacPPC = false;var isSunOS = isMinSunOS4 = isminsunos5 = isminsunos5_5 = isminsunos5_5 = false; if (iswin) {iswin95 = suserragent.indexof ("win95")> -1 || suserAgent.IndexOF ("Windows 95")> -1; iswin98 = suserragent.indexOF ("Windows 98")> -1 || suserAgent.IndexOF ("Windows 98")> -1; iswinme = suserragent.indexOF ("Windows 98")> -1 || SUSeragent.IndexOF ("Windows Me")> -1; iswin2k = suserragent.indexOF ("Windows NT 5.0")> -1 || SUSeragent.IndexOF ("Windows 2000")> -1; iswinxp = suserAgent.indexOF ("Windows nt 5.1")> -1 || suserAgent.indexOF ("Windows XP")> -1; iswinnt4 = suserragent.indexOF ("Windows nt")> -1 || SUSeragent.IndexOF ("Windows NT")> -1 || SUSeragent.IndexOF ("Windows NT")> -1 || suserAgent.indexOf ("Windows nt4.0")> -1 && (! iswinme &&! iswin2k &&! iswinxp);} if (ismac) {ismac68k = suserAgent.indexOf ("mac_68000)> -1 || suserAgent.IndexOF ("68K")> -1; ismacppc = suserragent.indexOF ("mac_powerpc")> -1 || suserAgent.indexOF ("PPC")> -1; } if (isUnix) {iSSUNOS = suserragent.indexOf ("sunos")> -1; if (ISSUNOS) {var resunos = new regexp ("sunos (//d+//.//d+(?://.//d+)?)"); resunos.test (suserragent); isminsunos4 = compareversões (regexp ["$ 1"], "4.0")> = 0; isminsunos5 = compareversões (regexp ["$ 1"], "5.0")> = 0; isminsunos5_5 = compareversões (regexp ["$ 1"], "5.5")> = 0; }}O exposto acima é o manuseio de eventos JS. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.