鼠标的当前位置-阿里云开发者社区

鼠标的当前位置

2017-11-14 877

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

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

  
 
 
  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，如需转载请自行联系原作者

鼠标的当前位置

热门文章

最新文章

相关电子书