jquery鼠标位置相对窗口
jquery鼠标位置相对窗口
提问于 2010-08-20 05:37:40
我正在尝试获取鼠标相对于窗口的确切位置。
这是我的问题..。
document.height= 1600 (实际文档size)window.height= 400 (可查看)
我需要确定鼠标相对于窗口的位置，而不是相对于pageY属性提供的文档的位置。
它用于一个大的工具提示，当鼠标悬停在表项上时，它会弹出。如果屏幕底部没有足够的空间(窗口最大)，则工具提示显示在指针上方，否则显示在指针下方。在文档大小大于pagesize (长表)之前，这种方法工作得很好。
谢谢，Luc
回答 4
Stack Overflow用户
发布于 2010-08-20 05:42:32
您可以从pageY中减去window的.scrollTop()，以获得窗口中的位置，如下所示：
var top = e.pageY - $(window).scrollTop();Stack Overflow用户
发布于 2012-07-03 19:18:13
那window.pageYOffset呢？
演示：
<html>
<head>
<style>
html,body {padding:0;margin:0}
#content {height:2048px;background-color:#ccc;}
#status {position:fixed;top:0;left:0;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$(document).mousemove(function(e){
$('#status').html(e.pageX +', '+ (e.pageY - window.pageYOffset));
});
})
</script>
<body>
<h2 id="status">0, 0</h2>
<div id="content"></div>
</body>
</html>Stack Overflow用户
发布于 2015-07-09 09:16:01
function showCoords(evt){
alert(
"clientX value: " + evt.clientX + "\n"
+ "clientY value: " + evt.clientY + "\n"
);
}我想这就是你要找的。参见details here from Mozilla Developer中的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3526457
复制相关文章
相似问题