<!DOCTYPE html>
<br> div{<br> height: 100px;<br> width: 100px;<br> background-color: red;<br> position: absolute;<br> }<br>
<br> var div1=document.getElementById("div1");<br> div1.addEventListener("mousedown",getDiv,false)<br> div1.addEventListener("mouseup",delDiv,false)<br> // document.body.addEventListener("mousemove",move,false);<br> function getDiv(){<br> var oevent=window.event||arguments[0];<br> div1.style.cursor="move";<br> document.addEventListener("mousemove",move,false);<br> // div1.style.left=oevent.clientX;<br> // div1.style.top=oevent.clientY;<br> }<br> function move(){<br> var oevent=window.event||arguments[0];<br> div1.style.left=oevent.clientX-50+"px";<br> div1.style.top=oevent.clientY-50+"px";<br> }<br> function delDiv(){<br> div1.style.cursor="auto";<br> var oevent=window.event||arguments[0];<br> div1.style.left=oevent.clientX-50+"px";<br> div1.style.top=oevent.clientY-50+"px";<br> document.removeEventListener("mousemove",move,false);<br> }<br>
这段代码中为什么用document.body.addEventListener("mousemove",move,false);添加事件在鼠标快速移动时会出现bug