Instructions and detailed differences between event usage under IE and Firefox_javascript skills

In addition, srcElement is used in IE to obtain the event trigger source, and target is used in FF. Therefore, relevant browser compatibility needs to be done when using these two objects.

<button id="btn" onclick="Click(event)"> </button>Click
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

Comprehensive of attachEvent and addEventListener in the previous section .

<button id="btn" onclick="Click(event)"> </button> <button id="btnNew">Click</button> Add event click
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]

The following is about ie and firefox Detailed differences in events
window.event
IE: There is a window.event object
FF: There is no window.event object. Event objects can be passed as arguments to functions. For example, onmousemove=doMouseMove(event)
Current mouse coordinates
IE: event.x and event.y.
FF: event.pageX and event.pageY.
Common: Both have event.clientX and event.clientY properties.

The current coordinates of the mouse (plus the distance the scroll bar has rolled)
IE: event.offsetX and event.offsetY.
FF: event.layerX and event.layerY.
The x and y coordinate positions of the label: style.posLeft and style.posTop
IE: Yes.
FF: No.
Common: object.offsetLeft and object.offsetTop.

Height and width of the form
IE: document.body.offsetWidth and document.body.offsetHeight. Note: The page must have a body tag at this time.
FF: window.innerWidth and window.innerHegiht, and document.documentElement.clientWidth and document.documentElement.clientHeight.
Common: document.body.clientWidth and document.body.clientHeight.

Add event
IE: element.attachEvent("onclick", func);.
FF: element.addEventListener("click", func, true).
Universal: element.onclick=func. Although the onclick event can be used, the effects of onclick and the above two methods are different. onclick only executes one process, while attachEvent and addEventListener execute a process list, that is, multiple processes. For example: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2) so that both func1 and func2 will be executed.

Custom attributes of the tag
IE: If an attribute value is defined for the tag div1, the value can be obtained by div1.value and div1["value"].
FF: Cannot be obtained using div1.value and div1["value"].
General: div1.getAttribute("value").

Parent node, child node and delete node IE: parentElement, parement.children, element.romoveNode(true). FF: parentNode, parentNode.childNodes, node.parentNode.removeChild(node).