/*
JavaScript Bible, Fourth Edition
by Danny Goodman
Publisher: John Wiley & Sons CopyRight 2001
ISBN: 0764533428
*/
X and Y Event Properties (IE4+)
function checkCoords() {
var form = document.forms[0]
form.srcElemTag.value = "<" + event.srcElement.tagName + ">"
form.clientCoords.value = event.clientX + "," + event.clientY
form.pageCoords.value = (event.clientX + document.body.scrollLeft) +
"," + (event.clientY + document.body.scrollTop)
form.offsetCoords.value = event.offsetX + "," + event.offsetY
form.screenCoords.value = event.screenX + "," + event.screenY
form.xyCoords.value = event.x + "," + event.y
form.parElem.value = "<" + event.srcElement.offsetParent.tagName + ">"
return false
}
function handleSize() {
document.forms[0].resizeCoords.value = event.clientX + "," + event.clientY
}
X and Y Event Properties (IE4+)
Click on the button and in the DIV/image to see the coordinate values for the
event object.
IE Mouse Event Coordinates:
srcElement:
clientX, clientY:
...With scrolling:
offsetX, offsetY:
screenX, screenY:
x, y:
...Relative to:
Window Resize Coordinates:
clientX, clientY: