请举例说明window.event.x和window.event.clientX的区别？

iflyer 2003-02-10 05:37:42
请举例说明window.event.x和window.event.clientX的区别？
...全文
545 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
ZeusLion 2003-02-11
  • 打赏
  • 举报
 回复
如果你安装了office 2000的话，在你的计算机里查找htmlref.chm
iflyer 2003-02-11
  • 打赏
  • 举报
 回复
ZeusLion(亮)：上面的文档在哪找到的，能否给出链接？
ZeusLion 2003-02-11
  • 打赏
  • 举报
 回复
下面是文档原文
event.clientX

Returns the position of the mouse hit relative to the size of the client area of the window. This does not include window decorations or scroll bars


event.x

Returns the position of the mouse hit relative to the element in the parent hierarchy that is positioned using the CSS positioning attribute. If no element in the hierarchy has been positioned, the BODY element is the default.

ZeusLion 2003-02-11
  • 打赏
  • 举报
 回复
呵呵，原来记错了，试试这个

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body leftmargin="0" topmargin="0" onclick="cancelLink()">
<br>
<br>
<div style="position:relative" onmousemove="window.status = 'X=' + window.event.x + ' Y=' + window.event.y + ' clientX=' + window.event.clientX + ' clientY=' + window.event.clientY">
<table width="500" height="2000" border="1" cellpadding="0" cellspacing="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
iflyer 2003-02-11
  • 打赏
  • 举报
 回复
ZeusLion(亮)：你说的不对吧。请试一下以下代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body leftmargin="0" topmargin="0" onclick="cancelLink()" onmousemove="window.status = 'X=' + window.event.x + ' Y=' + window.event.y + ' clientX=' + window.event.clientX + ' clientY=' + window.event.clientY">
<table width="500" height="2000" border="1" cellpadding="0" cellspacing="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
ZeusLion 2003-02-11
  • 打赏
  • 举报
 回复
如果将窗口滚动一下，你就能发现区别了
ZeusLion 2003-02-11
  • 打赏
  • 举报
 回复
呵呵，捡个便宜
clientX坐标是相对于窗口左上角的
x坐标坐标是相对于整个页面的
iflyer 2003-02-11
  • 打赏
  • 举报
 回复
自己UP
xuzuning 2003-02-10
  • 打赏
  • 举报
 回复
两者无区别
onunload事件判断浏览器是刷新还是关闭窗口
运用onunload事件判断浏览器是刷新还是关闭窗口 兼容firefox5及其他浏览器
整理的比较全的event对像在ie与firefox浏览器中的区别
window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posL
比较全面的event对像在IE与FF中的区别 推荐
window.event IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posL
Javascript下IE与Firefox下的差异兼容写法总结
window.event对象差异 IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 获取鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：styl
IE和FF在对js支持的不同(整理)及解决方法
1.window.event IE：有window.event对象 FF：没有window.event对象，可以通过函数的参数传递event对象。如onclick=clickHandler(event) 解决办法：var event = event || window.event; 2. 鼠标当前坐标 IE：event.x和event.y FF：event.pageX和event.pageY 解决办法：采用通用属性：event.clientX和event.clientY属性; 3. 鼠标坐标加上滚动条滚过的距离 IE：event.offsetX和event.offsetY FF：event
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章