转自：
http://hi.baidu.com/lhcling/item/3bb09b435477a6f5dd0f6c5f
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。
============================================================================
code:
-------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY onclick='test()' style="margin:0 0 0 0">
clientX=<INPUT TYPE="text" NAME="x1">
clientY=<INPUT TYPE="text" NAME="x2"><br/>
设置或获取鼠标指针位置相对于窗口客户区域的 xy 坐标，其中客户区域不包括窗口自身的控件和滚动条。 <br/>
offsetX =<INPUT TYPE="text" NAME="x3">
offsetY =<INPUT TYPE="text" NAME="x4"><br/>
设置或获取鼠标指针位置相对于触发事件的对象的 xy 坐标。 <br/>
screenX =<INPUT TYPE="text" NAME="x5">
screenY =<INPUT TYPE="text" NAME="x6"><br/>设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标<br/>
x=<INPUT TYPE="text" NAME="x7">
y=<INPUT TYPE="text" NAME="x8">设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
<TABLE width=400 height=500 border=1 style="border-style:none" CELLPADDING=0 CELLSPACING=0 onclick='test()'>
<TR>
<TD>a</TD>
<TD>b</TD>
</TR>
<TR>
<TD>c</TD>
<TD>d</TD>
</TR>
</TABLE>
</body>
</html>
<SCRIPT LANGUAGE="JavaScript">
<!--
function test(){
document.all.x1.value=event.clientX;
document.all.x2.value=event.clientY;
document.all.x3.value=event.offsetX;
document.all.x4.value=event.offsetY;
document.all.x5.value=event.screenX;
document.all.x6.value=event.screenY;
document.all.x7.value=event.x;
document.all.x8.value=event.y;
}
//-->
</SCRIPT>
相关推荐
在JavaScript中，处理鼠标事件时，经常会遇到一系列与鼠标位置相关的属性，如`x`, `offsetX`, `clientX`, `screenX`, `pageX`, `y`, `offsetY`, `clientY`, `screenY`, `pageY`等。这些属性在不同的上下文下提供了...
clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY
除了`clientX`和`event.X`，`event`对象还有很多其他有用的属性。例如： - `altKey`：表示ALT键是否被按下。 - `button`：表示哪个鼠标按钮被点击，如左键、右键、中键等。 - `ctrlKey`：检查CTRL键的状态。 - `...
* offsetX和offsetY：事件发生时鼠标相对于目标元素的X/Y坐标 * layerX和layerY：事件发生时鼠标相对于目标元素的父元素的X/Y坐标 * pageX和pageY：事件发生时鼠标相对于网页的X/Y坐标 * clientX和clientY：事件发生...
window.event对象差异 ... 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：styl
通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posL
通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posL
Event 对象只在事件发生的过程中才有效，event 对象的某些属性只对特定的事件有意义。 Event 对象的属性包括： 1. altKey 属性：检查 alt 键的状态，返回一个布尔值，TRUE 表示 alt 键按下，FALSE 表示 alt 键没有...
2. 鼠标当前坐标 IE：event.x和event.y FF：event.pageX和event.pageY 解决办法：采用通用属性：event.clientX和event.clientY属性; 3. 鼠标坐标加上滚动条滚过的距离 IE：event.offsetX和event.offsetY FF：event
_event 对象是 JavaScript 中的一个重要概念，它代表事件的状态，例如触发 event 对象的元素、鼠标的位置及状态、按下的键等等。event 对象只在事件发生的过程中才有效。event 的某些属性只对特定的事件有意义。例如...
`window.event`对象还包含其他属性，如`shiftKey`（检查Shift键状态）、`srcElement`（触发事件的元素，IE中等同于`target`）和`type`（事件类型），以及一些与鼠标和键盘交互相关的属性，如`offsetX`和`offsetY`...
通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：sty
4. **clientX**和**clientY**：这两个属性分别提供鼠标在浏览器窗口客户区的X和Y坐标。它们是只读属性，用于获取鼠标的位置，但无法改变。 5. **ctrlKey**：类似altKey，ctrlKey用于检测Ctrl键是否被按下。如果按下...
### 高手window.event对象详解 #### 一、概述 `window.event` 是一个非常重要的JavaScript内置对象，它主要用于处理浏览器中的各种事件。这个对象包含了有关事件的各种信息，例如触发事件的对象、事件类型以及与该...
对于Internet Explorer浏览器，还有一些特有的Event对象属性，如`cancelBubble`用于阻止事件冒泡到父元素，`fromElement`和`toElement`在`mouseover`和`mouseout`事件中追踪鼠标移动方向，以及`offsetX`和`offsetY`...
JavaScript之Event详解 Event对象是JavaScript中一个非常重要的概念，它代表事件的状态，例如触发event对象...但是，需要注意的是，Event对象的某些属性只对特定的事件有意义，因此在使用时需要根据实际情况进行选择。
通用做法是使用event.clientX和event.clientY。 - **鼠标位置（考虑滚动条）**：IE使用event.offsetX和event.offsetY，FF使用event.layerX和event.layerY。通用做法是`var x = event.offsetX || event.layerX; var ...
理解并正确使用clientX/clientY、pageX/pageY、offsetX/offsetY、x/y和layerX/layerY，可以帮助我们在处理页面事件时更准确地获取鼠标位置，从而实现各种交互效果。在实际开发中，推荐使用像jQuery或其他库提供的...
4. x 和 y：一般情况下，这两个属性与 clientX、clientY 相似，但有所不同。 二、DOM 对象 DOM 对象提供了多个属性来获取元素的位置、大小等信息。其中包括： 1. offsetTop 和 offsetLeft：获取元素相对于其 ...