JavaScript Examples Bible - UserWorks Technologies

414
(IE) event.clientX
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Listing 29-14: IE4+ Event Coordinate Properties
X and Y Event Properties (IE4+)
function checkCoords() {
var form = document.forms[0]
form.srcElemTag.value = “”
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 = “”
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: