您的位置：首页 > 其它

获取鼠标坐标 clientX clientY 事件属性

2011-07-12 09:18 393 查看 
定义和用法
clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。客户区指的是当前窗口。
语法
event.clientX



提示和注释
注释：2 级 DOM 没有提供把窗口坐标转换为文档坐标的标准方法。在 IE 以外的浏览器，使用 window.pageXOffset 和 window.pageYOffset 即可。


实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=[code]event.clientX

y=
event.clientY

alert("X coords: " + x + ", Y coords: " + y)
}
</script>
</head>

<body onmousedown="show_coords(event)">

<p>Click in the document. An alert box will alert
the x and y coordinates of the mouse pointer.</p>

</body>
</html>[/code]


TIY
clientX
显示鼠标指针的坐标。


ClientY 事件属性
返回 Event 对象参考手册


定义和用法
clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。

客户区指的是当前窗口。

语法
event.clientY



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


实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=[code]event.clientX

y=
event.clientY

alert("X coords: " + x + ", Y coords: " + y)
}
</script>
</head>

<body onmousedown="show_coords(event)">

<p>Click in the document. An alert box will alert
the x and y coordinates of the mouse pointer.</p>

</body>
</html>[/code]


TIY
clientY
显示鼠标指针的坐标
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航