zoukankan      html  css  js  c++  java
  • HTML页面上获取鼠标的位置(备忘)

     1 <html> 
     2 <head> 
     3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     4 <title>javascript获得鼠标位置</title> 
     5 </head> 
     6 <body> 
     7 <script> 
     8 
     9 <!-- 其中的参数e指的是事件-->
    10 function mouseMove(ev) 
    11 { 
    12     Ev= ev || window.event; 
    13     var mousePos = mouseCoords(ev); 
    14     //获取当前的x,y坐标
    15     document.getElementById("xxx").value = mousePos.x; 
    16     document.getElementById("yyy").value = mousePos.y; 
    17 } 
    18 function mouseCoords(ev) 
    19 { 
    20     //鼠标移动的位置
    21     if(ev.pageX || ev.pageY){ 
    22         return {x:ev.pageX, y:ev.pageY}; 
    23     } 
    24     return{ 
    25         x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
    26         y:ev.clientY + document.body.scrollTop - document.body.clientTop 
    27     }; 
    28 } 
    29 document.onmousemove = mouseMove; 
    30 </script> 
    31 鼠标X轴: 
    32 <input id=xxx type=text> 
    33 鼠标Y轴: 
    34 <input id=yyy type=text> 
    35 </body>
    36 </html>
  • 相关阅读:
    Sql Server增删改查字段的语法
    Django-2
    Django-1
    Django自学历程
    前端之bootstrap框架
    前端之JQuery
    前端之DOM
    前端之BOM
    前端之JavaScript
    前端之css
  • 原文地址:https://www.cnblogs.com/shihuc/p/5552766.html
Copyright © 2011-2022 走看看