js与jquery中获取当前鼠标的x、y坐标位置的代码
2011-05-23 00:00
1036 查看
<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>
相关文章推荐
- js与jquery中获取当前鼠标的x、y坐标位置的代码
- jQuery获取当前鼠标相对位置坐标和点击图片跳转上一张或下一张功能
- Js和JQuery获取鼠标指针坐标的实现代码分享
- Js和JQuery获取鼠标指针坐标的实现代码分享
- jquery获取当前鼠标所在位置的坐标
- js获取鼠标坐标位置兼容多个浏览器
- JS获取鼠标的坐标和滚动条的位置
- delphi 获取鼠标当前位置的相对坐标
- 在skyline中获取当前鼠标的位置坐标,屏蔽右键菜单
- 获取鼠标当前位置坐标的方法 - 回复 "ps8.0" 同学
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
- JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
- iOS GPS定位CLLocationManager获取当前位置坐标 示例代码
- jquery/js获取当前页面url地址程序代码
- js 获取鼠标位置坐标
- JS获取网页大小和鼠标当前坐标
- js获取鼠标位置杂谈附多浏览器兼容代码
- jq和js用mousemove获取鼠标当前位置
- [js高手之路] html5 canvas动画教程 - 实时获取鼠标的当前坐标