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 相关文章推荐
js DOM模型操作
Dec 28 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
浅析微信扫码登录原理(小结)
Oct 29 Javascript
使用react render props实现倒计时的示例代码
Dec 06 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 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
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
PHP中Memcache操作类及用法实例
2014/12/12 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
php设计模式之抽象工厂模式分析【星际争霸游戏案例】
2020/01/23 PHP
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
移动设备web开发首选框架:zeptojs介绍
2015/01/29 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
Vue 全局loading组件实例详解
2018/05/29 Javascript
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
Python实现的爬虫刷回复功能示例
2018/06/07 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
python实现图片识别汽车功能
2018/11/30 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
财务经理的岗位职责
2013/12/17 职场文书
旅游文化节策划方案
2014/06/06 职场文书
公司委托书格式范文
2014/10/09 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书