檢查鼠標是否在div上方，沒有移動

Question

我寫了以下幻燈片菜單： http : //www.julian-urabl.com/webtest/index.html

除了我要添加的一種行為之外，它的工作原理非常完美：

如果沒有將鼠標放在div容器“菜單”上，則在加載時，菜單應在1000ms之后收縮。

我考慮過檢查一下，是否將鼠標放在div上並且僅在返回“ false”時才允許菜單通過滑出。

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

我對js完全陌生，但是如果我理解正確，那么無論是懸停，鼠標懸停還是mouseenter都不會幫助解決我的問題。 誰能幫我？

Answer 1

這就是我要做的：

在加載時，檢查鼠標的位置（例如http://www.codelifter.com/main/javascript/capturemouseposition1.html ）。 雖然我建議您開始使用jquery相同。

一旦到達可以獲取鼠標位置的位置，就需要確保鼠標不在菜單的坐標內。 為此，您可以看到此信息 。

之后，如果鼠標坐標位於這些坐標內，則不要讓菜單滑入，如果不是這種情況，請讓菜單滑入。