鼠标的当前位置

简介:

意思搞的不是太明白,先发上来做为一个记录。

 

复制代码
window.onload  =   function (){
            
var  a  =  document.getElementById( ' a ' );
            a.onmousemove 
=   function (e){
                
var  pointer  =  getCroodsInDocument(e);
                
var  b  =  document.getElementById( ' b ' );
                b.innerHTML 
=   ' x, y = ( '   +  pointer.x  +   ' , '   +  pointer.y  +   ' ) ' ;
            }
            
            
function  getCroodsInDocument(e){
                e 
=  e  ||  window.event;
                
var  x  =  e.pageX  ||  (e.clientX  +  (document.documentElement.scrollLeft  ||  document.body.scrollLeft));
                
var  y  =  e.pageY  ||  (e.clientY  +  (document.documentElement.scrollTop  ||  document.body.scrollTop));
                
return  {
                    
' x ' : x,
                    
' y ' : y
                };
            }
        }
复制代码

 

静态代码:

 

< div  id ="a" >
            
< div  id ="c" ></ div >
        
</ div >
        
< div  id ="b" > x </ div >

 

 




本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/07/1618273.html,如需转载请自行联系原作者

目录
相关文章
|
8月前
|
C语言
C语言获取鼠标位置并设置鼠标位置
C语言获取鼠标位置并设置鼠标位置
|
前端开发 程序员
当鼠标光标放在一张图片上,如何显示另一张图片?
当鼠标光标放在一张图片上,如何显示另一张图片?
297 1
|
Windows
鼠标不能拖动文件的解决办法
鼠标不能拖动文件的解决办法
1030 0
|
编解码
【PyAutoGUI操作指南】02 鼠标控制功能+获取当前坐标+鼠标事件+鼠标滚动查询
左上角的像素位于坐标0,0。如果屏幕分辨率为1920 x 1080,则右下角的像素将为1919,1079(因为坐标从0开始,而不是1)。
562 0
|
Java
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
494 0
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
|
C#
WPF 获取鼠标屏幕位置、窗口位置、控件位置
原文:WPF 获取鼠标屏幕位置、窗口位置、控件位置 public struct POINT { public int X; public int Y; ...
1895 0
|
C#
WPF 获得鼠标相对于屏幕的位置,相对于控件的位置
原文:WPF 获得鼠标相对于屏幕的位置,相对于控件的位置 相对于屏幕的位置   第一步:     ///     /// 用于获得鼠标相对于屏幕的位置    ///     public class Win32    {        [StructLayout(LayoutKind.
1162 0
fbh
|
JavaScript 前端开发
鼠标移到图片上图片放大
一 在现在的网页设计中,鼠标移到图片上图片放大的效果常常被用到,这个效果多应用于文章列表里。我一开始以为是用JQuery来实现的,后来才知道原来是用CSS3来实现的。
fbh
1891 0