clientY

王朝百科·作者佚名  2012-04-21
窄屏简体版  字體: |||超大  

语法:y=event.clientY || y=e.clientY返回值:y:返回鼠标指针在当前网页的y坐标.数字类型.参数:event:IE专用的事件对像.

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航