Как ограничить область перемещения элемента при событии mousemove?

dollar, моё решение тоже подразумевает движение элемента по оси Y, если мышь вышла за границы по оси X, но спасибо! Я только недавно начал изучать JS (да и программирование в целом), так что оптимизация и кэширование пока не для меня :)

Как ограничить область перемещения элемента при событии mousemove?

С помощью вашего ответа дошёл до такого решения:

if (element.offsetTop - offset.y + 'px' >= позицияВерхнейЛинии + 'px' && element.offsetTop - offset.y <= позицияНижнейЛинии + 'px') {
    element.style.top = element.offsetTop - offset.y + 'px';
}

Далее еще одно условие для оси X.
То есть элемент перемещается только если mousemove происходит внутри линий, что скажете о таком варианте?

Как ограничить область перемещения элемента при событии mousemove?

С помощью вашего ответа дошёл до такого решения:

if (element.offsetTop - offset.y + 'px' >= позицияВерхнейЛинии + 'px' && element.offsetTop - offset.y <= позицияНижнейЛинии + 'px') {
    element.style.top = element.offsetTop - offset.y + 'px';
}

Далее еще одно условие для оси X.
То есть элемент перемещается только если mousemove происходит внутри линий, что скажете о таком варианте?