IE와 Firefox_javascript 기술에서 이벤트 사용 간의 지침 및 세부 차이점

또한 IE에서는 srcElement를 사용하여 이벤트 트리거 소스를 획득하고, target은 FF에서 사용합니다. 따라서 이 두 개체를 사용할 때는 관련 브라우저 호환성이 필요합니다.

<button id="btn" onclick="Click(event)"> </button>클릭
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

종합 이전 섹션의 attachmentEvent 및 addEventListener에 대해 설명합니다.

<button id="btn" onclick="Click(event)"> </button> <button id="btnNew">클릭</button> 이벤트 추가 클릭
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

다음은 ie와 firefox에 대한 내용입니다. 이벤트의 자세한 차이점
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(노드).