zoukankan      html  css  js  c++  java
  • js获得鼠标的位置

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 
     2 transitional.dtd"> 
     3 <html xmlns="http://www.w3.org/1999/xhtml"> 
     4 <head> 
     5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
     6 <title>JS获得鼠标位置</title> 
     7 </head> 
     8 
     9 <body> 
    10 
    11 <script> 
    12 function mouseMove(ev) 
    13 { 
    14 ev= ev || window.event; 
    15 var mousePos = mouseCoords(ev); 
    16 //alert(ev.pageX); 
    17 document.getElementById("xxx").value = mousePos.x; 
    18 document.getElementById("yyy").value = mousePos.y; 
    19 } 
    20 
    21 function mouseCoords(ev) 
    22 { 
    23 if(ev.pageX || ev.pageY){ 
    24 return {x:ev.pageX, y:ev.pageY}; 
    25 } 
    26 return { 
    27 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
    28 y:ev.clientY + document.body.scrollTop - document.body.clientTop 
    29 }; 
    30 } 
    31 
    32 document.onmousemove = mouseMove; 
    33 </script> 
    34 鼠标 X 轴: 
    35 <input id=xxx type=text> 
    36 
    37 鼠标 Y 轴: 
    38 <input id=yyy type=text> 
    39 </body> 
  • 相关阅读:
    学期总结
    第一次博客作业
    C语言博客作业08
    C语言博客作业07
    C语言博客作业06
    C语言博客作业05
    c语言l博客作业04
    C语言II博客作业04
    C语言II博客作业03
    C语言II博客作业02
  • 原文地址:https://www.cnblogs.com/RightDear/p/3173832.html
Copyright © 2011-2022 走看看