我试图在单击鼠标时在光标所在的地方放置一个div。因此，当我使用e.PageX和e.pageY时，它实际上使div远低于预期。有任何想法吗？
var mouseX = e.pageX;
var mouseY = e.pageY;
$("#moverdiv").css({'top':mouseY,'left':mouseX});
最佳答案
这对我有用。请尝试以下操作:
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$(document).click(function(e){
var mouseX = e.pageX;
var mouseY = e.pageY;
$("#moverdiv").css({'top':mouseY, 'left':mouseX});
});
});
</script>
<style type="text/css">
#moverdiv{
position: absolute;
top: 0px;
left: 0px;
background-color: #000;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div id="moverdiv"></div>
</body>
</html>
这是demo
关于jquery - e.pageX和e.pageY无法正常工作？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12718721/