js与jquery中获取当前鼠标的x、y坐标位置的代码


Posted in Javascript onMay 23, 2011
<div id="testDiv">放在我上面</div> 
<script type="text/javascript"> 
$('#testDiv').mousemove(function(e) { 
var xx = e.originalEvent.x || e.originalEvent.layerX || 0; 
var yy = e.originalEvent.y || e.originalEvent.layerY || 0; 
$(this).text(xx + '---' + yy); 
}); 
</script>

javascript获取鼠标当前位置坐标
鼠标滑动显示鼠标的当前位置坐标,主要是onmousemove函数。
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>javascript获得鼠标位置</title> 
</head> 
<body> 
<script> 
function mouseMove(ev) 
{ 
Ev= ev || window.event; 
var mousePos = mouseCoords(ev); 
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>
Javascript 相关文章推荐
用javascript获得地址栏参数的两种方法
Nov 08 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
js模拟微博发布消息
Feb 23 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
js常见遍历操作小结
Jun 06 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 #Javascript
SharePoint 客户端对象模型 (一) ECMA Script
May 22 #Javascript
JQuery里选择超链接的实现代码
May 22 #Javascript
改善用户体验的五款jQuery插件分享
May 22 #Javascript
JS 进度条效果实现代码整理
May 21 #Javascript
jquery 使用点滴函数代码
May 20 #Javascript
JQuery对checkbox操作 (循环获取)
May 20 #Javascript
You might like
关于手调机和数调机的选择
2021/03/02 无线电
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
php自动载入类用法实例分析
2016/06/24 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
AngularJS基础学习笔记之简单介绍
2015/05/10 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
JS实现的仿淘宝交易倒计时效果
2015/11/27 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
详解React的回调渲染模式
2020/09/10 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
Python内置函数delattr的具体用法
2017/11/23 Python
python实现简易内存监控
2018/06/21 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
python中的错误如何查看
2020/07/08 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
泰国网上购物:Shopee泰国
2018/09/14 全球购物
启动一个线程是用run()还是start()
2016/12/25 面试题
生产管理的三大手法
2013/11/11 职场文书
CAD制图设计师自荐信
2014/01/29 职场文书
交通安全教育制度
2014/02/02 职场文书
学生党支部先进事迹
2014/02/04 职场文书
初一语文教学反思
2016/03/03 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书
redis限流的实际应用
2021/04/24 Redis