问题描述
我有一个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")
}
}
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)