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优化技巧(文件瘦身篇)
Jan 28 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
jQuery功能函数详解
Feb 01 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
微信小程序实现上传图片功能
May 28 Javascript
vue中锚点的三种方法
Jul 06 Javascript
值得收藏的八个常用的js正则表达式
Oct 19 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
微信小程序自定义modal弹窗组件的方法详解
Dec 20 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 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
PHP5在Apache下的两种模式的安装
2006/09/05 PHP
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
textarea的value是html文件源代码,存成html文件的代码
2007/04/20 Javascript
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
layui--select使用以及下拉框实现键盘选择的例子
2019/09/24 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
python插入数据到列表的方法
2015/04/30 Python
Python实现简单多线程任务队列
2016/02/27 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
八年级英语教学反思
2014/01/09 职场文书
科研先进个人典型材料
2014/01/31 职场文书
大学校务公开实施方案
2014/03/31 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
学术会议通知
2015/04/15 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
欠款起诉书范文
2015/05/19 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
校园广播稿范文
2015/08/19 职场文书