Как отследить попадание на дочерний элемент?

Question

[enginel]

Подскажите как доработать скрипт. Есть область, в которой элемент отрывается от своего положения в блоке и начинается двигаться за курсором. При наведении на дочерний блок в секции и при выходе за пределы секции (серые блоки), элемент должен вернуться на свое начальное положение. Как это сделать?
Как сделать плавное движение элемента за курсором? сейчас есть баги при скроле и движении мышкой

Comments

[approximate solution]

Как сделать плавное движение элемента за курсором? сейчас есть баги при скроле и движении мышкой

https://codepen.io/alexeyproject/pen/eZjXyB

Answer 1

[Алексей Дубровин]

// Получаем всю инфу что нам нужна от позиции курсора
window.onmousemove = ({screenX:x,screenY:y})=>{console.log(x,y)};
//Получаем ширину и высоту блока по которому будем водить на нём позиция курсора или нет
document.querySelector().clientHeight/   .....Width

// Определяем X,Y контейнера по которому будем водить
// Тем самым вычисляем границы реагирования.
//  Когда заходим в эту зону начинаем изменять позицию внутреннего кубика.
// Если мы не там то кубик становиться по умолчанию

Это код для понимания как это работает.
Если будете вставлять то как минимум

window.onmousemove
//Замените на 
window.addEventListener