<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS获得鼠标位置</title>
</head> <body> <script>
function mouseMove(ev)
{
ev= ev || window.event;
var mousePos = mouseCoords(ev);
//alert(ev.pageX);
document.getElementById("xxx").value = mousePos.x;
document.getElementById("yyy").value = mousePos.y;
} function mouseCoords(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
};
} document.onmousemove = mouseMove;
</script>
鼠标 X 轴:
<input id=xxx type=text> 鼠标 Y 轴:
<input id=yyy type=text>
</body>

最新文章

  1. iOS10推送通知适配
  2. Yii2 认证实现原理和示例
  3. linux 安装一些命令
  4. 开发技巧-Java通过HttpProxy实现穿越
  5. java.lang.IllegalStateException: getWriter() has already been called for this response问题解决
  6. swift系统学习第三章
  7. Oracle -&gt;&gt; 生成测试数据
  8. cocos2d-x中CCCallFunc CCCallFuncN CCCallFuncND的区别和使用示例
  9. 2014年度辛星css教程夏季版第五节
  10. opencv源代码
  11. HDU 3392 Pie(DP)
  12. 单线程与多线程的简单示例(以Windows服务发短信为示例)
  13. tone()函数的有趣的使用案例
  14. Flask入门之flask-wtf表单处理
  15. Project file is incomplete. Expected imports are missing 错误解决方案
  16. 详解散列hashCode在HashMap中的使用原理
  17. jquery on()方法重复绑定解决方法
  18. 【BZOJ4715】囚人的旋律
  19. hive 将一个分区表数据全部插入另外一个分区表
  20. jetty 入门

热门文章

  1. HDU 1247 Hat’s Words(map,STL,字符处理,string运用)
  2. iOS视频压缩
  3. Android线程消息通信(一)
  4. POJ 3304 Segments (直线与线段是否相交)
  5. [转载] ACE 组播校验和出错问题解决
  6. springMVC视频教程
  7. HDFS Protocol修改流程
  8. 华为OJ:素数对个数
  9. Arraylist和Vector的区别与HashMap和Hashtable的区别
  10. Java-在线聊天系统-非线程