Как мне предотвратить выход моего движущегося div за пределы страницы/экрана в jquery? ⇐ CSS

[Гость]

Это то, что я пробовал, но оно продолжает выходить за пределы страницы/экрана.

Код: Выделить всё

$(document).ready(() => {
$(document).on('keydown', function(e) {
var key = e.which;
if (key === 37) {
$('#divResult').animate({
left: "-=50"
})
}
if (key === 38) {
$('#divResult').animate({
top: "-=50"
})
}
if (key === 39) {
$('#divResult').animate({
left: "+=50"
})
}
if (key === 40) {
$('#divResult').animate({
top: "+=50"
})
}
})
})

Код: Выделить всё

Как предотвратить выход движущегося элемента div за пределы страницы/экрана в jquery?

Подробнее здесь: https://stackoverflow.com/questions/781 ... -in-jquery