IE와 Firefox의 조직화된 이벤트 객체 간의 차이점 browsers_javascript 기술

window.event
IE: window.event 객체가 있습니다.
FF: window.event 객체가 없습니다. 이벤트 객체는 함수에 인수로 전달될 수 있습니다. 예를 들어 onmousemove=doMouseMove(event)
현재 마우스 좌표
IE: event.x 및 event.y.
FF: event.pageX 및 event.pageY.
공통: 둘 다 event.clientX 및 event.clientY 속성을 가지고 있습니다.

마우스의 현재 좌표(+ 스크롤 막대가 굴러간 거리)
IE: event.offsetX 및 event.offsetY.
FF: event.layerX 및 event.layerY.
레이블의 x 및 y 좌표 위치: style.posLeft 및 style.posTop
IE: 예.
FF: 아니요.
공통: object.offsetLeft 및 object.offsetTop.

양식의 높이와 너비
IE: document.body.offsetWidth 및 document.body.offsetHeight. 참고: 현재 페이지에는 body 태그가 있어야 합니다.
FF: window.innerWidth 및 window.innerHegiht, document.documentElement.clientWidth 및 document.documentElement.clientHeight.
공통: document.body.clientWidth 및 document.body.clientHeight.

이벤트 추가
IE: element.attachEvent("onclick", func);.
FF: element.addEventListener("click", func, true).
범용: element.onclick=func. onclick 이벤트를 사용할 수도 있지만 onclick의 효과는 위의 두 메서드와 다릅니다. onclick은 하나의 프로세스만 실행하는 반면, attachmentEvent와 addEventListener는 프로세스 목록, 즉 여러 프로세스를 실행합니다. 예: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2) 그러면 func1과 func2가 모두 실행됩니다.

태그의 사용자 정의 속성
IE: 태그 div1에 대해 속성 값이 정의된 경우 해당 값은 div1.value 및 div1["value"]로 얻을 수 있습니다.
FF: div1.value 및 div1["value"]를 사용하여 얻을 수 없습니다.
일반: div1.getAttribute("value").

상위 노드, 하위 노드 및 삭제 노드
IE: parentElement, parement.children, element.romoveNode(true).
FF: parentNode, parentNode.childNodes, node.parentNode.removeChild(노드).