DOM0 DOM2 이벤트 추가
var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false)
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler)
} else {
element["on" + type] = handler
}
},
removeHandler: function (element, type, hander) {
if (element.removeEventListener) {
element.removeEventListener(type, handler, false)
} else if (element.detachEvent) {
element.detachEvent("on" + type, handler)
} else {
element["on" + type] = null
}
}
}
DOM2 레벨 이벤트
addEventListener("click", function () {
// .
}, false)
false:
true:
removeEventListener("click", function () {
// .
}, false) //
같은 요소에 이벤트를 추가할 때 불러오는 순서대로 진행합니다.
IE:
attachEvent("onclick", function () {
// .
})
onclick,
DOM0과 차이점: 사용하지 않고 DOM0에서 이벤트this는 소속 요소를 가리키며
attachEvent
전역 역할 영역에서 실행됩니다.this== window와addEventListener의 차이점: 같은 요소에 여러 개의 이벤트 처리 프로그램을 추가할 수 있으나attachEvent는 상반된 순서로 촉발됩니다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.