동적으로 확인란을 만들었습니다. 내가 사용하고 addEventListener
구글 크롬과 파이어 폭스에서 작동하지만 체크 박스의 클릭에 함수를 호출하는 인터넷 익스플로러 8에서 작동하지 않습니다 . 이것은 내 코드입니다.
var _checkbox = document.createElement("input");
_checkbox.addEventListener("click", setCheckedValues, false);
setCheckedValues
내 이벤트 핸들러입니다.
답변
시험:
if (_checkbox.addEventListener) {
_checkbox.addEventListener("click", setCheckedValues, false);
}
else {
_checkbox.attachEvent("onclick", setCheckedValues);
}
업데이트 ::
IE9 이전의 Internet Explorer 버전의 경우, attachEvent 메소드를 사용하여 지정된 리스너를 호출 된 EventTarget 에 등록 해야하며 다른 경우에는 addEventListener를 사용해야합니다.
답변
attachEvent
IE9 이전의 IE 버전에서 사용해야 합니다. addEventListener
정의 여부를 감지 하고 attachEvent
그렇지 않은 경우 사용 :
if(_checkbox.addEventListener)
_checkbox.addEventListener("click",setCheckedValues,false);
else
_checkbox.attachEvent("onclick",setCheckedValues);
// ^^ -- onclick, not click
또한보십시오:
답변
이것은 또한 간단한 크로스 브라우저 솔루션입니다.
var addEvent = window.attachEvent||window.addEventListener;
var event = window.attachEvent ? 'onclick' : 'click';
addEvent(event, function(){
alert('Hello!')
});
물론 ‘클릭’대신 모든 이벤트가 될 수 있습니다.
답변
IE는 addEventListener
버전 9까지 지원하지 않으므로을 사용해야 attachEvent
합니다. 예는 다음과 같습니다.
if (!someElement.addEventListener) {
_checkbox.attachEvent("onclick", setCheckedValues);
}
else {
_checkbox.addEventListener("click", setCheckedValues, false);
}
답변
이벤트 처리를 다른 요소 (예 : 테이블)에 위임하면 더 쉬울 수도 있고 성능도 더 좋습니다.
$('idOfYourTable').on("click", "input:checkbox", function(){
});
이렇게하면 이벤트 핸들러가 하나만 생기고 새로 추가 된 요소에서도 작동합니다. 이것은 jQuery> = 1.7이 필요합니다.
그렇지 않으면 delegate () 사용
$('idOfYourTable').delegate("input:checkbox", "click", function(){
});
답변
아래 addEvent () 함수를 사용하여 대부분의 이벤트를 추가 if (el.attachEvent)
할 수 있지만 XMLHttpRequest의 경우 IE8에서 실패 합니다. 지원하지 않으므로 대신 XMLHttpRequest.attachEvent()
사용해야 XMLHttpRequest.onload = function() {}
합니다.
function addEvent(el, e, f) {
if (el.attachEvent) {
return el.attachEvent('on'+e, f);
}
else {
return el.addEventListener(e, f, false);
}
}
var ajax = new XMLHttpRequest();
ajax.onload = function(e) {
}
답변
위의 답변을 기반으로 빠른 Polyfill을 선택했습니다.
//# Polyfill
window.addEventListener = window.addEventListener || function (e, f) { window.attachEvent('on' + e, f); };
//# Standard usage
window.addEventListener("message", function(){ /*...*/ }, false);
물론 위의 답변과 같이 문제가 window.attachEvent
될 수도 있고 아닐 수도 있는 존재를 보장하지 않습니다 .