javascript attachmentEvent 및 addEventListener_javascript 기술 사용 방법

AttachEvent 메소드 버튼 onclick
addEventListener 메소드 버튼 클릭
둘 다 사용하는 원리: 서로 다른 실행 우선순위를 가질 수 있습니다. 다음 예는 다음과 같이 설명됩니다.
attachEvent 메소드는 특정 이벤트에 다른 처리 이벤트를 첨부합니다. (Mozilla 시리즈는 지원하지 않습니다.)
Mozilla 시리즈는 addEventListener 메소드를 사용합니다
예:
Java 코드

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

document.getElementById("btn").onclick = method1
document.getElementById("btn").onclick = method2; document.getElementById(" btn").onclick = method3;

이렇게 작성하면 medhot3만 실행됩니다.
다음과 같이 작성합니다:
Java 코드:

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

var btn1Obj = document.getElementById("btn1"); 🎜>//object.attachEvent(event ,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2)
btn1Obj.attachEvent("onclick ",method3);


실행 순서는 method3->method2->method1

Mozilla 시리즈인 경우 이 메서드는 지원되지 않으므로 addEventListener를 사용해야 합니다.
Java 코드:

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

var btn1Obj = document .getElementById("btn1");

//element.addEventListener( type,listener,useCapture)
btn1Obj.addEventListener("click",method1,false)
btn1Obj.addEventListener("click" ,method2,false);
btn1Obj.addEventListener("click", method3,false);


실행 순서는 method1->method2->method3

사용 예:
1. Java 코드:

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

var el = EDITFORM_DOCUMENT.body ;

//객체를 먼저 가져옵니다. EDITFORM_DOCUMENT는 실제로 iframe입니다.
if (el.addEventListener)...{
el.addEventListener('click', KindDisableMenu, false)
} else if (el.attachEvent)...{
el.attachEvent('onclick', KindDisableMenu)
}


2. Java 코드:

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

if (window.addEventListener) {

window.addEventListener('load', _uCO, false);
} else if (window.attachEvent){
window.attachEvent('onload', _uCO)
}