包含 鼠标位置 标签的文章

JS 获取鼠标位置

以前写了一个获取鼠标位置的函数,但是是放在页面 onmousemove 监听事件中,有时候也不太好用,最近在做一个文件管理器的时候很多都用到右键菜单,于是有了这个。

  1. /*  
  2.     获取鼠标座标,需传递 event  
  3. */ 
  4. var getEventMouseLocation = function(e) {  
  5.     var loc = {};  
  6.     var objEvent = e ? e : (window.event ? window.event : null);  
  7.     if(window.navigator.userAgent.indexOf("MSIE") == "-1") {  
  8.         loc.x = objEvent.pageX;  
  9.         loc.y = objEvent.pageY;  
  10.     } else {  
  11.         loc.x = objEvent.x + document.documentElement.scrollLeft;  
  12.         loc.y = objEvent.y + document.documentElement.scrollTop;  
  13.     }  
  14.     return loc;  
  15. }; 

在使用的时候尽可能的传递 event,但是你如果实在不想传也行。例:

  1. <script type="text/javascript"> 
  2. function helloworld(e) {  
  3.     var loc = getEventMouseLocation(e);  
  4.     alert(loc.x + ":" + loc.y);  
  5. }  
  6. </script> 
  7. <button onclick="helloworld(event);">点击</button> 

网页中随时获取鼠标位置

好久没更新博客了,连看奥运会的时候都没上过网,这次给大家带来一个 JavaScript 好东西,自己拿去玩吧...
 

JavaScript代码
  1. <!--   
  2. /*   
  3.     2008-7-28 17:54  
  4.     Made by pader of http://www.vgot.cn  
  5.     我们先在这里声明了一个全局空数组变量 mousePos  
  6.     用它来存放鼠标的即时坐标数据  
  7. */  
  8. var mousePos = new Array();   
  9. /*  
  10.     mouseLoc 把获取到的鼠标坐标数据赋值给了  
  11.     mousePos 这个全局数组.  
  12.     mousePos["x"] 的值就是鼠标的 X 轴即横向距页面左边的像素距离  
  13.     mousePos["y"] 的值就是鼠标的 Y 轴即纵向距页面顶部的像素距离  
  14. */  
  15. function mouseLoc(e){   
  16.   if(document.all){   
  17.     x = event.x + document.body.scrollLeft;   
  18.     y = event.y + document.body.scrollTop;   
  19.   } else {   
  20.     x = e.pageX;   
  21.     y = e.pageY;   
  22.   }   
  23.   mousePos["x"] = x;   
  24.   mousePos["y"] = y;   
  25.   return true;   
  26. }   
  27. /*  
  28.     为了让页面能即时获得鼠标的坐标,我们只能用之类的事件执行这样的函数.  
  29.     在这里使用 document.onmousemove 事件来执行 mouseLoc  
  30.     以不断更新全局数组 mousePos 里的鼠标位置数据  
  31. */  
  32. if(document.layers){    //NS4   
  33.     document.captureEvents(Event.MOUSEMOVE);   
  34. }   
  35. document.onmousemove = mouseLoc;   
  36. /*  
  37.     那如果我还想在这个事件里做其它的事情怎么办呢?  
  38.     可以像下面这样写:  
  39.         document.onmousemove = function(){  
  40.             document.body.onmousemove = mouseLoc;  
  41.             alert('第一个弹出信息');  
  42.             alert("弹出第二个信息");  
  43.             //更多...  
  44.         }  
  45.     这里为防止与 document.onmousemove 冲突,我们在 function(){} 里面  
  46.     使用的是 document.body.onmousemove 来执行 mouseLoc;  
  47. */  
  48. //-->  


去掉注释就这么点

 

JavaScript代码
  1. <!--   
  2. var mousePos = new Array();   
  3.   
  4. function mouseLoc(e){   
  5.   if(document.all){   
  6.     x = event.x + document.body.scrollLeft;   
  7.     y = event.y + document.body.scrollTop;   
  8.   } else {   
  9.     x = e.pageX;   
  10.     y = e.pageY;   
  11.   }   
  12.   mousePos["x"] = x;   
  13.   mousePos["y"] = y;   
  14.   return true;   
  15. }   
  16.   
  17. if(document.layers){    //NS4   
  18.     document.captureEvents(Event.MOUSEMOVE);   
  19. }   
  20. document.onmousemove = mouseLoc;   
  21. //-->