博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript 获得鼠标坐标
阅读量:4608 次
发布时间:2019-06-09

本文共 875 字,大约阅读时间需要 2 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">
 <head>
     <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <base href="" target="_blank" />
         <script type="text/javascript">
    function mousePosition(ev){
     if(ev.pageX || ev.pageY){
      return {x:ev.pageX, y:ev.pageY};
     }
     return {
      x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
      y:ev.clientY + document.body.scrollTop - document.body.clientTop};
     }
    function mouseMove(ev){
     ev = ev || window.event;
     var mousePos = mousePosition(ev);
     document.getElementById('xxx').value = mousePos.x;
     document.getElementById('yyy').value = mousePos.y;
    }
    document.onmousemove = mouseMove;
   </script>
    </head>
 
 <body">
     X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
    </body>
</html>

转载于:https://www.cnblogs.com/dingyingsi/archive/2013/05/13/3076266.html

你可能感兴趣的文章
VMware下载及安装使用方法
查看>>
更新码云仓库代码
查看>>
微信小程序view居中
查看>>
使用bootstrap框架
查看>>
微信小程序的view标签中text如何居中?
查看>>
vue全局变量赋初值赋新值globalVariable
查看>>
vue页面跳转兄弟组件传值
查看>>
vue全局变量apiurl
查看>>
本地项目传码云
查看>>
cmd如何进入文件夹
查看>>
微信小程序提示云函数部署不成功
查看>>
微信小程序判断 wx:if wx:else
查看>>
微信小程序没找到构建npm或者没找到node_modules目录
查看>>
微信小程序 单选框实现
查看>>
微信小程序 单选按钮的实现
查看>>
微信小程序 单选按钮 最佳
查看>>
微信小程序动态显示标签文字或者按钮文字
查看>>
微信小程序 云开发 数据库 请求数据
查看>>
根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
查看>>
Fri Sep 20 2019 16:37:39 GMT+0800 (中国标准时间) js日期格式转换
查看>>