이벤트는 JavaScript 응용 분야의 핵심과 모든 것을 결합시키는 접착제입니다. 이벤트는 브라우저의 웹 페이지와 특정 유형의 상호 작용이있을 때 발생합니다. 이벤트는 특정 컨텐츠를 클릭하는 사용자, 특정 요소를 통과하는 마우스 또는 키보드의 특정 키를 누르는 것일 수 있습니다. 이벤트는 또한 특정 웹 페이지로드와 같은 웹 브라우저에서 발생하거나 사용자가 창을 스크롤하거나 창 크기를 변경하는 것일 수도 있습니다.
JavaScript를 사용하면 특정 이벤트를 듣고 특정 이벤트가 응답하여 발생하도록 지정할 수 있습니다.
1. 이벤트 청취를 추가하십시오
즉:
다음과 같이 코드를 복사하십시오. att
DetacheVent ( "onclick", function () {...}) // 삭제
FF :
코드 사본은 다음과 같습니다. addeventListener ( "클릭", function () {...}, false)
// 기본 오브젝트 이벤트와 다른 객체를 듣는 여러 이벤트를 추가 할 수 있습니다.
removeEventListenner ( "클릭", function () {...}, false)
2. 이벤트 객체를 얻습니다
즉:
코드 사본은 다음과 같습니다. op.onclick = function () {
Ver Oevent = Window.event; // 창의 속성으로
}
FF :
코드 사본은 다음과 같습니다. op.onclick = function (oevent) {
.... // 매개 변수를 전달하여 제어합니다
}
일반적인:
코드 사본은 다음과 같습니다. op.onclick = function (oevent) {
if (window.event) {
Oevent = Window.event;
}
}
// 실시간으로 획득되지만 반환 객체의 속성과 방법은 일관되지 않지만 Eventutil을 사용하여 해결할 수 있습니다!
var eventUtil = new Object;/** //*이 방법은 특정 객체에 이벤트를 추가하는 데 사용됩니다. Otarget은 지정된 객체이며 Click, Keydown 등과 같은 이벤트 유형입니다. fnhandler는 이벤트 콜백 함수*/eventUtil.addeventhandler = function (otarget, Seventtype, fnhandler) {// firefox (otarget.addeventlistener)의 경우 {otarget.addeventlistne (elsarget., nondeventlistener)의 경우 {// 거짓); } // else if (otarget.attachevent) {otarget.attachevent ( "on + Seventtype, fnhandler); } else {otarget [ "on" + Seventtype] = fnhandler; }};/*이 방법은 특정 객체의 특정 이벤트를 제거하는 데 사용됩니다. Otarget은 지정된 객체이며 Click, Keydown 등과 같은 이벤트 유형입니다. fnhandler는 이벤트 콜백 함수*/ eventutil.removeeventhandler = function (otarget, Seventtype, fnhandler) {if (otarget.removeeventlistener) {otarget.removepe, fortepe, fortepe, fortepe); } else if (otarget.detachevent) {otarget.detachevent ( "on" + Seventtype, fnhandler); } else {otarget [ "on" + Seventtype] = null; }};/*형식 이벤트 - IE 및 기타 브라우저는 이벤트를 다르게 가져오고 이벤트 속성도 다르기 때문에이 방법은 일관된 이벤트*/eventUtil.formatevent = function (oevent) {// iSie 및 iswin을 JS 파일을 참조하여 브라우저를 참조하고 (isie && iswin) {isie && iswin = (isie && iswin)을 참조하십시오. "키 프레스")? Oevent.keyCode : 0; // 즉, 기포 만 지원하며 oevent.eventPhase = 2의 캡처를 지원하지 않습니다. oevent.ischar = (oevent.charcode> 0); oevent.pagex = oevent.clientx + document.body.scrollleft; oevent.pagey = oevent.clienty + document.body.scrolltop; // 이벤트 차단의 기본 동작 Oevent.preventDefault = function () {this.returnValue = false; }; // 토일을 표준 관련 타겟으로 변환합니다. if (oevent.type == "MouseOut") {Oevent.RelatedTarget = Oevent.toElement; } else if (oevent.type == "MouseOver") {Oevent.RelatedTarget = Oevent.FromElement; } // bubbling oevent.stopPropagation = function () {this.cancelBubble = true; }; oevent.target = oevent.srcelement; // 이벤트 발생 시간 속성 추가, 즉 eevent.time = (새 날짜) .gettime (); } return oevent; }; eventUtil.getevent = function () {if (wind } else {return eventUtil.getevent.caller.arguments [0]; }}; /** 브라우저 및 시스템 유형을 판단하는 JS 파일을 첨부했습니다. 판단의 결과로 명백한 이름을 가진 일부 글로벌 변수를 도입함으로써 : */var suseragent = navigator.useragent; var fappversion = parsefloat (navigator.appversion); 기능 비교 (sversion1, sversion2) {var atversion1 = sversion1.split ( "); var aversion2 = sversion2.split ( "."); if (aversion1.length> aversion2.length) {for (var i = 0; aversion1.length -aversion2.length; i ++) {aversion2.push ( "0"); }} else if (aversion1.length <aversion2.length) {for (var i = 0; i <aversion2.length -aversion1.length; i ++) {aversion1.push ( "0"); }} for (var i = 0; i <aversion1.length; i ++) {if (aversion1 [i] <aversion2 [i]) {return -1; } else if (aversion1 [i]> aversion2 [i]) {return 1; }} return 0;} var isopera = suseragent.indexof ( "opera")> -1; var isminopera4 = isminopera5 = isminopera6 = isminopera7 = isminopera7_5 = false; if (isopera) {var foperaversion; if (navigator.appName == "Opera") {foperaversion = fappversion; } else {var reoperaversion = new regexp ( "Opera (//d+//./d+)"); Reoperaversion.test (Suseragent); foperaversion = parsefloat (regexp [ "$ 1"]); } isminopera4 = foperaversion> = 4; isminopera5 = foperaversion> = 5; isminopera6 = foperaversion> = 6; isminopera7 = foperaversion> = 7; isminopera7_5 = foperaversion> = 7.5;} var iskhtml = suseragent.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+(? : //./do)?)"); reapplewebkit.test (suseragent); 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 (SUSERAGENT); isminkonq2_2 = 비교 전환 (regexp [ "$ 1"], "2.2")> = 0; isminkonq3 = comparversions (regexp [ "$ 1"], "3.0")> = 0; isminkonq3_1 = 비교 (regexp [ "$ 1"], "3.1")> = 0; isminkonq3_2 = 비교 전환 (regexp [ "$ 1"], "3.2")> = 0; }} var isie = suseragent.indexof ( "compatible")> -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 = new regexp ( "rv : (//d+//./d+ (? : ////d+)?)"); Remoz.test (Suseragent); ISMINMOZ1 = 비교 전환 (regexp [ "$ 1"], "1.0")> = 0; isminmoz1_4 = 비교 전환 (regexp [ "$ 1"], "1.4")> = 0; isminmoz1_5 = comparversions (regexp [ "$ 1"], "1.5")> = 0;} var isns4 =! isie &&! isopera &&! ismoz &&! iskhtml && (suseragent.indexof ( "mozilla") == 0) & (navigator.appverson; && 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 = (navigator.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 = iswinnt4 = iswin2k = iswinme = iswinxp = false; var ismac68k = ismacppc = ismacppc = ismacppc = ismacppc = ismacppc = iswin2k = isminsunos5 = isminsunos5_5 = isminsunos5_5 = false; if (iswin) {iswin95 = suseragent.indexof ( "win95")> -1 || suseragent.indexof ( "Windows 95")> -1; ISWIN98 = SUSERAGENT.INDEXOF ( "Windows 98")> -1 || suseragent.indexof ( "Windows 98")> -1; iswinme = suseragent.indexof ( "Windows 98")> -1 || suseragent.indexof ( "Windows Me")> -1; ISWIN2K = SUSERAGENT.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 = SUSERAGENT.INDEXOF ( "Windows NT")> -1 || suseragent.indexof ( "Windows NT")> -1 || suseragent.indexof ( "Windows NT")> -1 || suseragent.indexof ( "Wind suseragent.indexof ( "68k")> -1; ismacppc = suseragent.indexof ( "mac_powerpc")> -1 || suseragent.indexof ( "ppc")> -1; } if (isunix) {issunos = suseragent.indexof ( "sunos")> -1; if (issunos) {var resunos = new regexp ( "sunos (//d+//./d+(?://./d+)"); Resunos.test (Suseragent); ISMINSUNOS4 = 비교 전환 (regexp [ "$ 1"], "4.0")> = 0; ISMINSUNOS5 = CAMERVERSIONS (regexp [ "$ 1"], "5.0")> = 0; ISMINSUNOS5_5 = 비교 전환 (regexp [ "$ 1"], "5.5")> = 0; }}위는 JS 이벤트 처리입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.