为什么我的<div>有震动？ onmouseleave事件在元素</div>上时触发

Question

我最近创建了一个javascript库，它根据元素上的光标位置为元素添加倾斜度。当我将它应用于div时效果很好！

<div id="profile-image" class="circle-base large-image" title=""></div>

然而，当在另一个div内部时，它开始闪烁。

<div id="home" class="large-circle-container pull-right">
<div class="circle-base large-circle"></div>
<a href="/">
<div id="profile-image" class="circle-base large-image" title=""></div>
</a>
</div>

Here is a my in jsfiddle

我已经确定闪烁的原因是“家”div。我不确定为什么。看一下控制台，当光标位于元素上时，似乎会应用onmouseleave的样式。

提前感谢您的帮助！

Answer 1

tilty应该被否定，而不是tiltx

tiltx = (dy / cy);
tilty = -(dx / cx);

问题解决了！