javascript - 为什么我的 有抖动？ onmouseleave 事件在元素上触发

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 .

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

预先感谢您的帮助!

Answer 1

tilty 应该被否定，而不是 tiltx

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

问题已解决!