快速移动鼠标，框未重新绘制~仅JavaScript

完整代码位于->

---

每当我移动鼠标更快时，框在新位置的重新绘制速度就不会像移动鼠标那样快。

我在窗口中添加了鼠标移动事件，即使使用文档，仍然会遇到同样的问题。

修复了它。问题在于如何附加eventlisteners

function down(event){
    event.target.style.backgroundColor="green";
    document.addEventListener("mousemove",move,false);
}

function up(event) {
    event.target.style.backgroundColor="red";
    document.removeEventListener("mousemove",move,false);
}

function move(event) {
    event.target.style.left=Math.max(0,Math.min(window.innerWidth-50,event.clientX-25))+"px";
    event.target.style.top=Math.max(0,Math.min(window.innerHeight-50,event.clientY-25))+"px";
}

---

修复了它。问题在于如何附加eventlisteners

function down(event){
    event.target.style.backgroundColor="green";
    document.addEventListener("mousemove",move,false);
}

function up(event) {
    event.target.style.backgroundColor="red";
    document.removeEventListener("mousemove",move,false);
}

function move(event) {
    event.target.style.left=Math.max(0,Math.min(window.innerWidth-50,event.clientX-25))+"px";
    event.target.style.top=Math.max(0,Math.min(window.innerHeight-50,event.clientY-25))+"px";
}

---

您也可以尝试一下这个方法吗？问题是相同的，但我附加handler的任何方法都无法解决。只附加事件侦听器一次可能会更快，并使用布尔标志值指示它们是否应该执行任何操作。您也可以尝试一下这个方法吗？问题是相同的，但我附加handler的任何方法都无法解决。只附加事件侦听器一次，并使用布尔标志值指示它们是否应该执行任何操作可能会更快。