本文详细介绍了HTML页面中鼠标移动事件的处理方式，并解释了多种与鼠标位置相关的参数及其用途，如窗体坐标、屏幕坐标等，同时涵盖了如何通过JavaScript获取元素的尺寸及位置。
<script>
function show()
{
var x=event.clientX+document.body.scrollLeft;
var y=event.clientY+document.body.scrollTop;
window.status='窗体坐标：'+x+','+y+'屏幕坐标：'+event.screenX+','+event.screenY;
}
</script>
<body onmousemove="show()">
一些参数：function show()
{
var x=event.clientX+document.body.scrollLeft;
var y=event.clientY+document.body.scrollTop;
window.status='窗体坐标：'+x+','+y+'屏幕坐标：'+event.screenX+','+event.screenY;
}
</script>
<body onmousemove="show()">
event.clientX:窗体x坐标
event.clientY:窗体y坐标
event.screenX:屏幕x坐标
event.screenY:屏幕y坐标
innerHTML:设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置
offsetWidth:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的宽度
扫一扫
1355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
