JS IE 와 FF 아래 attachEvent,addEvent Listener 학습 노트

대상 이름.addEventListener("이벤트 이름(ON 없 음)",함수 이름,true/false);(FF 아래)대상 명.attachEvent("이벤트 명",함수 명);(IE 아래)설명:이벤트 이름,주의해 야 할 것 은"onclick"을"click"으로 바 꾸 고,"onblur"를"blur"로 바 꾸 는 것 이다.즉,이벤트 이름 에"on"을 가지 고 있 지 말 라 는 것 이다.함수 명,괄호 의 마지막 매개 변 수 는 불 값 이 아니 라 이 사건 의 응답 순 서 를 나타 내 는 것 을 기억 하 세 요.다음은 addEventListener 의 세 번 째 매개 변수(useCapture)를 중점적으로 소개 합 니 다.userCapture 가 true 라면 브 라 우 저 는 Capture 를 사용 하고 false 이면 bubbing 방식 을 사용 합 니 다.false 로 예 를 보 는 것 을 권장 합 니 다.html 코드
js 코드
 
window.onload=function(){ document.getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false); } function test1(){ alert(" div ") } function test2(){ alert(" input ") }
를 직접 체험 해 보 세 요.userCapture 가 true 라면 test 1 이 먼저 터치 하고 userCapture 가 false 이면 test 2 가 먼저 터치 합 니 다.다음은 attachEvent 라 는 것 은 할 말 이 없습니다.여러분 도 잘 쓰 실 거 라 고 믿 습 니 다.주로 인삼 을 전달 하 는 것 입 니 다.제 가 사용 한 후에 다시 이야기 하 겠 습 니 다.하하 하 예제:바 인 딩 방법 만 들 기:
 
if (typeof document.addEventListener != "undefined") {
document.addEventListener("mousedown",_lhlclick,true);
} else {
document.attachEvent("onmousedown",_lhlclick);
}
이벤트 삭제:
 
if (typeof document.addEventListener != "undefined") {
document.removeEventListener("mousedown",_lhlclick,true);
} else {
document.detachEvent("onmousedown",_lhlclick);
}

좋은 웹페이지 즐겨찾기