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 相关文章推荐
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
jQuery参数列表集合
Apr 06 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
javascript函数中参数传递问题示例探讨
Jul 31 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
详解PHP后期静态绑定分析与应用
Mar 21 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
在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
奇怪的PHP引用效率问题分析
2012/03/23 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
PHP对象相互引用的内存溢出实例分析
2014/08/28 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
js控制input输入字符解析
2013/12/27 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python中的迭代器漫谈
2015/02/03 Python
Python中的面向对象编程详解(上)
2015/04/13 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
Python使用redis pool的一种单例实现方式
2016/04/16 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
2014全国两会学习心得体会2000字
2014/03/10 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
吴仁宝观后感
2015/06/09 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
Shell脚本一键安装Nginx服务自定义Nginx版本
2022/03/20 Servers
Python编写冷笑话生成器
2022/04/20 Python