87,988
社区成员
发帖
与我相关
我的任务
分享这些东西的区别在哪里，它们之间有没有什么关联？
document.body.scrollLeft
document.body.scrollTop
document.body.clientWidth
document.body.clientHeight
event.clientX
event.clientY
event.screenX
event.screenY
event.pageX
event.pageY
event.offsetX
event.offsetY
我是一个初学者，对于上面的这些的功能有点儿模糊，请大侠们指点。
最好能给出每一个的功能说明，还有他们之间是不是有某种关系，多谢了!
document.body.scrollTop
document.body.clientWidth
document.body.clientHeight
event.clientX
event.clientY
event.screenX
event.screenY
event.pageX
event.pageY
event.offsetX
event.offsetY
我是一个初学者，对于上面的这些的功能有点儿模糊，请大侠们指点。
最好能给出每一个的功能说明，还有他们之间是不是有某种关系，多谢了!
...全文
请发表友善的回复…
发表回复
多菜鸟 2003-05-15
- 打赏
- 举报
多谢楼上的兄台。
Estyle 2003-05-09
- 打赏
- 举报
document.body.scrollLeft //取得卷轴横向移动的坐标值差
document.body.scrollTop //取得卷轴纵向移动的坐标值差
document.body.clientWidth //BODY区宽度
document.body.clientHeight //BODY区高度
event.clientX //相对于页面得横坐标
event.clientY //相对于页面得纵坐标
event.screenX //相对于屏幕得横坐标
event.screenY //相对于屏幕得纵坐标
event.pageX //同clientX，不过用于NS浏览器
event.pageY //同clientY，不过用于NS浏览器
event.offsetX //上级容器相对鼠标的横向距离
event.offsetY //上级容器相对鼠标的纵向距离
我是自学的，上面有些是临时找的资料。如果不对，请指教！
document.body.scrollTop //取得卷轴纵向移动的坐标值差
document.body.clientWidth //BODY区宽度
document.body.clientHeight //BODY区高度
event.clientX //相对于页面得横坐标
event.clientY //相对于页面得纵坐标
event.screenX //相对于屏幕得横坐标
event.screenY //相对于屏幕得纵坐标
event.pageX //同clientX，不过用于NS浏览器
event.pageY //同clientY，不过用于NS浏览器
event.offsetX //上级容器相对鼠标的横向距离
event.offsetY //上级容器相对鼠标的纵向距离
我是自学的，上面有些是临时找的资料。如果不对，请指教！
多菜鸟 2003-05-09
- 打赏
- 举报
多谢楼上的兄台，可是我还是有点儿看不懂，你给我的运行结果，我看不出他们的区别所在，不能具体讲一下吗？多谢了，可是运行结果能清晰一些就更直观了，多谢多谢！
还有大侠能帮小弟吗？
还有大侠能帮小弟吗？
xuzuning 2003-05-06
- 打赏
- 举报
自己比较一下
<HTML>
<HEAD>
<TITLE>键盘和鼠标事件测试</TITLE>
<script language="javascript">
<!--
function keyDown(e) {
if(event.keyCode == 117) {
event.returnValue = false;
open("");
}
s = "";
s = event.srcElement.tagName+"<br>";
for(v in event)
s += v+"="+event[v]+"<br>";
view.innerHTML = s;
sss.innerHTML = event.screenX+","+event.screenY;
sss.innerHTML += "("+event.x+","+event.y+")";
sss.innerHTML += "("+event.clientX+","+event.clientY+")";
//return false;
}
document.onkeydown=keyDown
document.onkeyup=keyDown
document.onmousedown=keyDown
document.onmouseup=keyDown
document.onmousemove=keyDown
document.onmouseover=keyDown
document.onmouseout=keyDown
document.onkeypress=keyDown
//-->
</script>
</HEAD>
<BODY>
<form>
<input type=text>
<select>
<option>aaa
<option>bbb
<option>ccc
<option>ddd
</select>
<textarea></textarea>
</form>
<span id="sss"></span>
<table border>
<tr><td>123</td><td>123</td></tr>
</table>
<span id="view"></span>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>键盘和鼠标事件测试</TITLE>
<script language="javascript">
<!--
function keyDown(e) {
if(event.keyCode == 117) {
event.returnValue = false;
open("");
}
s = "";
s = event.srcElement.tagName+"<br>";
for(v in event)
s += v+"="+event[v]+"<br>";
view.innerHTML = s;
sss.innerHTML = event.screenX+","+event.screenY;
sss.innerHTML += "("+event.x+","+event.y+")";
sss.innerHTML += "("+event.clientX+","+event.clientY+")";
//return false;
}
document.onkeydown=keyDown
document.onkeyup=keyDown
document.onmousedown=keyDown
document.onmouseup=keyDown
document.onmousemove=keyDown
document.onmouseover=keyDown
document.onmouseout=keyDown
document.onkeypress=keyDown
//-->
</script>
</HEAD>
<BODY>
<form>
<input type=text>
<select>
<option>aaa
<option>bbb
<option>ccc
<option>ddd
</select>
<textarea></textarea>
</form>
<span id="sss"></span>
<table border>
<tr><td>123</td><td>123</td></tr>
</table>
<span id="view"></span>
</BODY>
</HTML>
多菜鸟 2003-05-05
- 打赏
- 举报
呜呜呜~~~~
对不起啊，小弟的英语水平不太高，所以。。。。。
能给个中文的吗？
对不起啊，小弟的英语水平不太高，所以。。。。。
能给个中文的吗？
孟子E章 2003-05-05
- 打赏
- 举报
http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp
