Проверьте, находится ли мышь над div, нет движения

Question

Я написал следующее слайд-меню: http://www.julian-urabl.com/webtest/index.html

Это работает отлично, за исключением одного поведения, которое я хотел бы добавить:

Onload, если мышь не находится над "меню" div-контейнера, меню должно сокращаться более 1000 мс.

Я думал о том, чтобы проверить, была ли мышь помещена над div и только при возврате "false" я бы позволил меню выскользнуть через

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

Я совершенно новичок в js, но если я правильно понял, ни hover, ни mouseover, ни mouseenter не помогут решить мою проблему. Может кто-нибудь мне помочь?

Answer 1

Вот что я бы сделал:

При загрузке проверьте местоположение мыши (например, http://www.codelifter.com/main/javascript/capturemouseposition1.html). Хотя я бы посоветовал вам начать использовать jquery для того же.

Как только вы окажетесь в точке, где вы можете получить местоположение мыши, вам нужно убедиться, что мышь находится не внутри координат меню. Для этого вы можете увидеть это.

После этого все просто, если координаты мыши находятся внутри этих координат, тогда не позволяйте меню скользить, если это не так, пусть меню скользит внутрь.