我正在尝试获取鼠标相对于窗口的确切位置。
这是我的问题..。
document.height
= 1600 (实际文档size)window.height
= 400 (可查看)我需要确定鼠标相对于窗口的位置,而不是相对于pageY属性提供的文档的位置。
它用于一个大的工具提示,当鼠标悬停在表项上时,它会弹出。如果屏幕底部没有足够的空间(窗口最大),则工具提示显示在指针上方,否则显示在指针下方。在文档大小大于pagesize (长表)之前,这种方法工作得很好。
谢谢,Luc
发布于 2010-08-20 05:42:32
您可以从pageY中减去window
的.scrollTop()
,以获得窗口中的位置,如下所示:
var top = e.pageY - $(window).scrollTop();
发布于 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>
发布于 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中的。
https://stackoverflow.com/questions/3526457
复制相似问题