如果是NN6+,参考下面的代码:
<HTML>
<HEAD>
<TITLE>X and Y Event Properties (NN6+)</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function checkCoords(evt) {
var form = document.forms["output"]
var targText, targElem
if (evt.target.nodeType == 3) {
targText = "[textnode] inside <" + evt.target.parentNode.tagName + ">"
targElem = evt.target.parentNode
} else {
targText = "<" + evt.target.tagName + ">"
targElem = evt.target
}
form.srcElemTag.value = targText
form.clientCoords.value = evt.clientX + "," + evt.clientY
form.clientScrollCoords.value = (evt.clientX + window.scrollX) + 
"," + (evt.clientY + window.scrollY)
form.layerCoords.value = evt.layerX + "," + evt.layerY
form.pageCoords.value = evt.pageX + "," + evt.pageY
form.inElemCoords.value = 
(evt.pageX - targElem.offsetLeft - document.body.offsetLeft) +
"," + (evt.pageY - targElem.offsetTop - document.body.offsetTop)
form.screenCoords.value = evt.screenX + "," + evt.screenY
return false
}
</SCRIPT>
</HEAD>
<BODY onMouseDown="checkCoords(event)">
<H1>X and Y Event Properties (NN6+)</H1>
<HR>
<P>Click on the button and in the DIV/image to see the coordinate values for the event object.</P>
<FORM NAME="output">
<TABLE>
<TR><TD COLSPAN=2>NN6 Mouse Event Coordinates:</TD></TR><TR><TD ALIGN="right">target:</TD>
<TD COLSPAN=3><INPUT TYPE="text" NAME="srcElemTag" SIZE=25></TD></TR>
<TR><TD ALIGN="right">clientX, clientY:</TD>
<TD><INPUT TYPE="text" NAME="clientCoords" SIZE=10></TD>
<TD ALIGN="right">...With scrolling:</TD>
<TD><INPUT TYPE="text" NAME="clientScrollCoords" SIZE=10></TD></TR>
<TR><TD ALIGN="right">layerX, layerY:</TD>
<TD><INPUT TYPE="text" NAME="layerCoords" SIZE=10></TD></TR><TR><TD ALIGN="right">pageX, pageY:</TD>
<TD><INPUT TYPE="text" NAME="pageCoords" SIZE=10></TD>
<TD ALIGH="right">Within Element:</TD>
<TD><INPUT TYPE="text" NAME="inElemCoords" SIZE=10></TR>
<TR><TD ALIGN="right">screenX, screenY:</TD>
<TD><INPUT TYPE="text" NAME="screenCoords" SIZE=10></TD></TR>
<TR><TD ALIGN="right"><INPUT TYPE="button" VALUE="Click Here"></TD></TR>
</TABLE>
</FORM>
<DIV ID="display" STYLE="position:relative; left:100"><IMG SRC="nile.gif" WIDTH=320 HEIGHT=240" BORDER=0>
</DIV>
</BODY>
</HTML>