Javascript 如何基于鼠标光标使新div居中

嗨，当我点击一个链接时，我正试图在鼠标的中间放置一个div

我有点像

<a id='btn' href='#' ><img src='test.png' /></a>

我的代码不会将鼠标光标放在新分区的中心。有人能帮我吗？非常感谢

试试看

var x = e.pageX - w
var y = e.pageY - h

这是jQuery获取鼠标位置的方法（

e.pageX

），因此您还可以执行以下操作：

var x = e.clientX - w;
var y = e.clientY - h;

这是纯JS方式

你的问题是你用x减去了高度，用y减去了宽度，而事实应该是相反的。记住，x是左和右，y是上和下。在计算机科学中，向上减少y，向下增加y，右增加x，左减少x

---

不要把它们混淆。

test1类是否将位置设置为喜欢绝对或固定？请查看更新。我需要删除css上的宽度和高度，因为我不知道新样式的大小div@PatrickEvans问题完全不同。仔细看，什么地方不对<代码>x-高度和

y-宽度

；）

var x = e.clientX - w;
var y = e.clientY - h;