호출 이벤트 :
이벤트 객체
이벤트 객체 란 무엇입니까? 트리거 된 DOM의 이벤트는 이벤트 객체 이벤트를 생성합니다. 예를 들어, 마우스가 클릭하면 클릭 유형과 보낸 요소가 생성됩니다.
DOM 이벤트 객체 유형 속성은 이벤트 객체를 얻는 데 사용되며 대상 속성은 이벤트 대상을 얻는 데 사용됩니다. STOPPROPAGATION () 메소드는 이벤트가 버블 링되는 것을 방지합니다. PreventDefault의 기본 동작이 이벤트를 차단합니다.
IE의 이벤트 객체 유형 속성은 이벤트 객체를 얻는 데 사용되며 SRCelement 속성은 이벤트 대상 CAMPLEBBLE 속성을 얻는 데 사용됩니다. CAMPLEBBLE 속성 속성은 이벤트 버블 속성이 차단되지 않은 거짓 수단을 차단 한 것을 나타내는 이벤트 버블이 TRUE를 방지하는 데 사용됩니다.
블록 이벤트에 대한 ReturnValue 속성의 기본 동작은 차단을 나타내도록 거짓으로 설정됩니다.
코드 사본은 다음과 같습니다.
// Compatible with cross-browser event processing of each browser----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var eventhandle = {
// 요소 : 요소, 유형 : 클릭 이벤트, 핸들 : 구현 메소드
// 핸들을 추가합니다
addeventhandle : 함수 (요소, 유형, 핸들러) {
if (element.addeventListener) {
element.addeventListener (유형, 핸들러, 거짓); // --- false // 버블 dom2 레벨을 나타냅니다
}
else if (element.attachevent) {
요소 .ATTACHEVENT ( "on"+유형, 핸들러);
} 또 다른 {
요소 [ "on" + type] = 핸들러;
}
},
// 핸들 핸들 이벤트 처리는 작동하지 않습니다
removeeventhandle : 함수 (요소, 유형, 핸들러) {
if (elemet
요소 .removeEventListener (유형, 핸들러, 거짓); // --- false // 거품을 나타냅니다
}
else if (element.detachevent) {
요소 .detachevent ( "on"+유형, 핸들러); // IE를 지원합니다
} 또 다른 {
요소 [ "on" + type] = null; // dom0 레벨 이벤트를 전통적인 클릭 이벤트 처리
}
},
// 브라우저와 호환되는 모든 객체를 가져옵니다
getEvent : function (이벤트) {
반환 이벤트? 이벤트 : Window.event; // IE 브라우저의 하위 버전에서 필요한 것은 Window.event입니다.
},
// 이벤트 유형을 이동하는 클릭 또는 마우스입니까?
gettype : function (이벤트) {
반환 이벤트. 타입;
},
// 현재 요소를 가져옵니다
getElement : function (이벤트) {
반환 이벤트 .TARGET || event.srcelement;
},
// 이벤트 차단의 기본 동작
: 함수 (이벤트) {
if (event.preventDefault) {
event.preventDefault ();
}
또 다른 {
event.returnvalue = false;
}
},
// 사건의 버블 링을 중지합니다
stoppropagation : function (이벤트) {
if (event.stopPropagation) {
event.stopPropagation ();
}
또 다른 {
event.cancelbubble = true;
}
}
}