获取鼠标实时位置坐标
2015-01-19 16:17
351 查看
<span style="font-size:18px;"><script type="text/javascript"> //获取鼠标实时坐标 function mousePosition(ev){ ev = ev || window.event; 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 }; } </script></span>
使用1,当某组件被hover时获取鼠标位置:
$("#createtable").mouseover(function(e){
var mousePos = mousePosition(e);
alert("mousePos.x");alert("mousePos.y");
}
使用2:一致获取鼠标位置:
js:
function mouseMove(ev){
var mousePos = mousePosition(ev);
document.getElementById("xxx").value = mousePos.x;
document.getElementById("yyy").value = mousePos.y;<span style="font-family: Arial, Helvetica, sans-serif;"> </span>
}
document.onmousemove = mouseMove; //鼠标移动触发
document.onclick = mouseMove; //鼠标点击触发html:
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
相关文章推荐
- CHtmlView中实时获取鼠标指针位置坐标
- JS获取area元素坐标和鼠标在页面中的位置
- DIV弹出层练习(二) ------------------现有一层div想获取鼠标的光标位置并作为这个层的坐标显示出这个层
- 【JS温故知新】之——给力的鼠标坐标位置获取(转)
- JS 获取DIV中鼠标相对位置坐标
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- 用javascript获取鼠标坐标位置
- MFC 获取picture控件的鼠标点击坐标位置的方法
- JavaScript 获取鼠标点击位置坐标
- delphi 获取鼠标当前位置的相对坐标
- vb6.0 api 获取和设置计算机名 获取 鼠标位置坐标
- jQuery获取当前鼠标相对位置坐标和点击图片跳转上一张或下一张功能
- js与jquery中获取当前鼠标的x、y坐标位置的代码
- 获取鼠标在图片坐标位置的小例子
- JS获取鼠标的坐标和滚动条的位置
- 在skyline中获取当前鼠标的位置坐标,屏蔽右键菜单
- 获取鼠标位置的三维坐标
- JS获取鼠标的坐标和滚动条的位置
- c# 获取全屏 中鼠标焦点的位置坐标
- js获取鼠标坐标位置