jquery中获取当前鼠标的x、y位置位置

最新推荐文章于 2022-04-20 11:12:40 发布
最新推荐文章于 2022-04-20 11:12:40 发布
阅读量2.8k 收藏
点赞数
分类专栏： jquery 文章标签： jquery function input

转自：Royal Pisces Yuan的博客http://blog.sina.com.cn/s/blog_83b447810100rwbr.html　

jquery中获取当前鼠标的x、y位置位置的代码，需要的朋友可以参考下。

<divid="testDiv">放在我上面</div>  
<scripttype="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.getElementByIdx_x("xxx").value = mousePos.x; 
document.getElementByIdx_x("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>


pete熊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js与jquery中获取当前鼠标的x、y坐标位置的代码
12-08
在JavaScript和jQuery中，获取鼠标在页面上的实时x和y坐标是常见的需求，尤其是在实现交互式功能时。这里我们将详细探讨两种不同的方法来实现这一功能。 首先，我们来看jQuery的实现方式，如标题和描述中所示： ``...
JavaScript中获取鼠标位置相关属性总结
10-25
在现代浏览器中，推荐使用clientX和clientY来获取鼠标在视窗内的位置，使用pageX和pageY来获取鼠标在整个文档中的位置，而对于IE9及更新的浏览器，layerX和layerY是替代offsetX和offsetY的不错选择。在设计跨浏览器...
jquery获取当前鼠标所在位置的坐标
weixin_33726943的博客
11-30 602
$(document).ready(function(){ $(document).mousemove(function(e){ $('#xy').html("X ："+e.pageX+"| Y："+e.pageY); }); }); <div id="xy"></div> 转载...
jquery 获得元素的 xy坐标，不知道可不可用
万物皆字节
09-04 1199
var X = $('#DivID').position().top; var Y = $('#DivID').position().left;
JavaScriptJQuery获取坐标位置
菜菜的博客
09-28 220
ewhehrjh 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollW...
JQ中怎样获取某个对象x,y轴的坐标
qq_40603010的博客
09-30 742
JQ中怎样获取某个对象x,y轴的坐标 1，获取鼠标的x,y轴的坐标代码如下： $(‘th p’).mouseover(function (e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY || 0; } 2，获取某个对象内容的x,y轴的坐标 $(‘th p’).mouseover(function (e) { var xx =
js与jquery中获取当前鼠标的x、y坐标位置的代码.docx
01-21
在JavaScript和jQuery中，获取当前鼠标的X、Y坐标位置是一项常见的需求，特别是在实现交互式功能或跟踪用户鼠标活动时。下面将详细讲解如何在两种环境下实现这一功能。 ### JavaScript 获取鼠标坐标 在纯...
jQuery实时显示鼠标指针位置和键盘ASCII码
10-22
当鼠标移动时，`mousemove` 事件被触发，页面上的 `<span>` 元素会更新其HTML内容为当前鼠标的X和Y坐标，以及事件类型。同理，当键盘按键被按下时，`keydown` 事件会被触发，`<span>` 元素会更新为当前按下的键的...
jquery 如何获取鼠标当前位置？
Leo的博客
07-07 3389
<script src="jquery.js"></script> <script> $(function(){ $(document.body).mousemove(function(){ return $("#x").text(event.x), $("#y").text(event.y); }); }); </script> <span id="x"></spa
js获取鼠标相对于整个文档的位置
weixin_38168547的博客
10-09 229
<div onmouseover='fudong(event);'></div> function fudong(e){ var ev = e || event ; alert(ev.clientX+':'+ev.clientY) ; } 转载于:https://www.cnblogs.com/ooi-/p/3358775.html...
jquery悬浮窗，根据鼠标位置显示
热门推荐
Inuyasha1121的专栏
01-19 1万+
hover一个位置就在位置右侧显示悬浮窗，代码如下： JS: $(function () { //hover某处显示悬浮框 $("#createtable").mouseover(function(e){ //获取鼠标位置函数 var mousePos = mousePosition(e); var xOffset = 2
jQuery函数获取元素的最大X，Y坐标
05-05 197
jQuery函数来获得 （选择器内或元件组） 由元件占据的空间最远的坐标 。 如果你的基础上需要是在容器内的子元素的绝对定位设置容器区域可能是有用的（即，拖放元素）。 jQuery.fn.getMaxOccupiedLocation = function() { var maxX = 0, maxY = 0, tmpX, tmpY, elem; this.each( funct...
jQuery的click点击方法合集
me_Jackyoyo的博客
04-20 3240
$("#tb2").on('click', 'i', function () { }); // 二次点击取消选中 function badReactionClick() { $('body').on('click', '.badReactionDescription input[id^="bad"]', function () { var name = $(this).attr("name"); $(":radio[name=" + name + "]:not(
JQuery获取当前对象在集合中下标
最新发布
03-21
您可以使用 jQuery 的 index() 方法来获取当前对象在集合中的下标。例如，如果您有一个包含多个元素的 jQuery 对象，您可以使用以下代码来获取第一个元素的下标： $("selector").index(); 如果您想获取特定元素的下标，您可以将该元素作为参数传递给 index() 方法，例如： $("selector").index($("#element"));
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值