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>

这是我在 jsfiddle 中的一个。

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

在此先感谢您的帮助！

Answer 1

tilty应该被否定，而不是tiltx

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

问题解决了！