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