在JavaScript中,要移动一个DIV并检测它何时完全在另一个DIV中,可以使用以下步骤:
document.getElementById()
方法通过DIV的ID获取DOM元素的引用。var divToMove = document.getElementById('divToMove');
var targetDiv = document.getElementById('targetDiv');
position
属性将要移动的DIV设置为相对定位(position: relative;
),以便可以通过修改top
和left
属性来移动它。divToMove.style.position = 'relative';
setInterval()
函数创建一个定时器,每隔一段时间检查移动的DIV是否完全在目标DIV中。var interval = setInterval(function() {
var divRect = divToMove.getBoundingClientRect();
var targetRect = targetDiv.getBoundingClientRect();
if (
divRect.top >= targetRect.top &&
divRect.bottom <= targetRect.bottom &&
divRect.left >= targetRect.left &&
divRect.right <= targetRect.right
) {
// 移动的DIV完全在目标DIV中
clearInterval(interval);
console.log('移动的DIV完全在目标DIV中');
}
}, 100);
getBoundingClientRect()
方法获取移动的DIV和目标DIV的位置信息。然后,通过比较它们的位置信息,判断移动的DIV是否完全在目标DIV中。领取专属 10元无门槛券
手把手带您无忧上云