网站地图
zenghuilan.com
生活小窍门 解释生活中的一切名词
clientY 发布于:

clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。

客户区指的是当前窗口。

注意,该坐标不燥催匙考虑文档的滚动。如果事件发生在窗口的顶部,无论文档滚了多远,clientY 的值都是 0。只估悼但是,2 级 DOM 没有罪端赠颂提供把窗口坐标转换为文档坐标的标准方法。在 IE 以外的浏览器,使用 window.pageXOffset 和 window.pageYOffset 即可。

y=event.clientY || y=e.clientY

y:返回鼠标指针在当前网页的y坐标.数字类型.

event:IE专用的事件对像.

e:FF等浏览器必须使用参数传弟事件对像.

<html>

<head>

<title>clientY实例</title>

</head>

<body onmousemove="My_clienty(event)">

<h2>注意该实例已兼容了IE和FF浏览器,并已经加上了滚动条的值,你可以最小化窗口向下拉动滚达慨洪射动条测试</h2>嚷轿厚

<div id="y"></div>

<script language="javascript">

function My_clienty(event){

var y = event.clientY+document.body.scrollTop || event.clientY+document.documentElement.scrollTop;

document.getElementById("y").innerHTML="鼠标的clientY值是:" + y;

}

</script>

clientY与clientX作用类似.唯一的区别是clientY返回的是鼠标指针在探市汽当前网页的纵向坐标.也就是网页从上至下的位置.当你把鼠标指针放到网页的最顶部该值返回0.向下移动鼠标该值会发生变化.是用数字来表示.注意这个值不包括滚动条向下滚动的距离.如果你想获得鼠标指针在整个网页内的真实坐标.请加上scrollTop的值.在IE浏览器中可以直接使用event.clientY来取套蒸得值.但在FF浏览器中必须使用参数传递事件对像来获得该值.


相关文章推荐:
浏览器 | clientX | 鼠标指针 | IE浏览器 | 参数传递 |