检查鼠标是否在div上，没有移动

Question

我写了下面的幻灯片菜单：http://www.julian-urabl.com/webtest/index.html

它工作得很好，除了我想要添加的一个行为：

Onload如果鼠标没有放在div-container“菜单”上，菜单应该在1000ms后收缩。

我想检查一下，如果鼠标放在div上，并且只在返回"false“时，我会让菜单滑出

setTimeout(function(){slide.style.marginLeft="-140px"},1000);

我对js完全是个新手，但是如果我理解正确的话，不管是hover，mouseover，还是mouseenter都不能帮助我解决问题。有谁可以帮我？

Answer 1

这就是我要做的：

加载时，检查鼠标的位置(例如http://www.codelifter.com/main/javascript/capturemouseposition1.html)。不过，我建议您开始使用jquery来实现同样的目的。

当您到达可以获取鼠标位置的位置时，需要确保鼠标不在菜单的坐标内。要做到这一点，您可以查看this。

然后很简单，如果鼠标坐标在这些坐标中，那么不要让菜单滑进来，如果不是这样，就让菜单滑进来。