Internet Explorer 이벤트 Object_javascript 기술

아래 예시를 보시면

코드 복사 코드는 다음과 같습니다.

　var btn = document.getElementById( 'mybtn');
btn.onclick = function(){
var event = window.event;
Alert(event.type);//"click"
}

이때 이벤트 객체는 window.event 객체에서 파생되며 나중에 이벤트 유형을 결정하는 데 사용됩니다. 하지만, attachmentEvent()를 통해 eventHandler가 승인되면 이벤트 객체가 함수의 유일한 매개변수로 사용됩니다. 다음 코드를 참조하세요

코드 복사 코드는 다음과 같습니다.

var btn = document.getElementById("myBtn")
btn.attachEvent("onclick", function(event){
alert(event .type); //"click"
})

AttachEvent() 메서드를 사용하면 window 개체에서도 이벤트 개체에 액세스할 수 있습니다. DOM 레벨 0에서 구현됩니다. 메소드는 동일하며 이벤트 객체도 매개변수로 전달됩니다.
HTML 속성을 통해 이벤트 핸들러가 인증되면 해당 이벤트는 이벤트라는 변수로 액세스됩니다. 예를 들어

코드 복사 코드는 다음과 같습니다.

IE 이벤트 개체에는 해당 특정 이벤트 생성과 관련된 속성과 메서드도 포함되어 있습니다. 이러한 속성 및 메서드는 DOM 속성 및 메서드에 직접 매핑되거나 DOM 속성 및 메서드와 관련됩니다. DOM 이벤트 객체의 속성과 메소드는 트리거링 이벤트에 따라 다르지만 일반적인 메소드는 다음과 같습니다.
CancleBubble Boolean 읽기/쓰기 가능 기본값은 false이지만 이벤트 버블링을 취소하려면 true로 설정할 수 있습니다. dom의 stopPropagation() 메소드.
ReturnValue Boolean 읽기/쓰기 가능 기본값은 true입니다. false로 설정하면 이벤트 취소에 사용되는 기본 동작은 dom의 PreventDefault()와 동일합니다.
srcElement 요소 읽기 전용 이벤트의 대상은 dom의 대상 속성과 동일합니다.
type　 문자열 읽기 전용 트리거된 이벤트 유형입니다.
이벤트 핸들러의 이벤트 범위는 인증 방법에 따라 결정되므로 this 값이 항상 이 이벤트의 대상을 가리켜서는 안 되므로 대신 event.SrcElement를 사용합니다. 예시는 다음과 같습니다
{
alert(window.event.srcElement === this); //true

} btn.attachEvent("onclick", function(event){ alert(event.srcElement = == this); //false });

첫 번째 이벤트 핸들러에서는 DOM0 수준을 통해 인증이 이루어지므로 srcElement attribute는 이를 가리키지만 첫 번째 이벤트 핸들러에서는 이 두 값이 두 이벤트 핸들러에서 다릅니다.

returnValue 속성은 DOM의 PreventDefault() 메소드와 동일하며 이벤트의 기본 동작을 취소하는 데에도 사용됩니다. 이벤트의 기본 동작을 취소하려면 returnValue 속성 값을 false로 설정해야 합니다. 다음 예를 참조하세요.




코드 복사

코드는 다음과 같습니다.


var link = document.getElementById('myLink');
link.onclick = function(){

window.event.returnValue = false; }; 　예를 들어, returnValue 속성은 연결의 기본 동작을 취소하는 데 사용됩니다. DOM과 달리 이벤트를 취소하거나 JavaScript를 비활성화할 수 있는지 확인할 방법이 없습니다. cancleBubble 속성은 stopPropagation()과 동일한 기능을 갖고 있어 이벤트 버블링을 방지합니다. IE8 이하 IE 버전은 이벤트 캡처 단계를 지원하지 않고 cancleBubble은 버블링 취소만 지원하는 반면 stopPropagation()은 이벤트 캡처 및 버블링을 취소하기 때문입니다. 예:

코드 복사


코드는 다음과 같습니다.

var btn = document.getElementById ("myBtn" );
btn.onclick = function(){
alert("Clicked");
window.event.cancelBubble =

document.body. onclick = function( ){ alert("본문이 클릭됨")
onclick 핸들러에서 cancelBubble 값을 true로 설정하면 document.body 이벤트 처리까지 이벤트가 버블링되는 것을 방지할 수 있습니다. 따라서 btn을 클릭하면 프롬프트 대화 상자만 팝업됩니다. "를 클릭하세요.