随着Div到达特定位置，很快就会触发页面重定向

如何解决随着Div到达特定位置，很快就会触发页面重定向

我有一个x和y坐标值范围。当我的div在此范围内时，它将被重定向到另一个页面。我希望这种情况在div进入此范围并且停止移动后发生（不过，如果您能确定如何使其尽快在div中重定向，也请回答！）。此刻，它进入范围并停止，但是直到单击箭头按钮并使其再次移动，什么也没有发生。然后，它立即重定向。第一次进入div时如何重定向？

<div class="counter" id="yellow">P1</div>

document.onkeydown = detectKey;
 
function detectKey(e) {
    let selectedElement = document.getElementById("yellow")
  if (selectedElement) {document.onkeydown = detectKey;

    if (e.keyCode == '39') {
      var posLeft = selectedElement.offsetLeft
      selectedElement.style.left = (posLeft + 150) + "px"
    }
    if (e.keyCode == '38') {
      var posTop = selectedElement.offsetTop
      selectedElement.style.top = (posTop - 150) + "px"
    }
    if (e.keyCode == '37') {
      var posLeft = selectedElement.offsetLeft
      selectedElement.style.left = (posLeft - 150) + "px"
    }
    if (e.keyCode == '40') {
      var posTop = selectedElement.offsetTop
      selectedElement.style.top = (posTop + 150) + "px"
    }

            let y = pos.top
            let x = pos.left
            if (x > 20 && x < 165 && y < 330 && y > 190) {
                location.replace("https://www.w3schools.com")
            }
 }
}