<script type="text/javascript"> window.onload=function(){ /* onmousedown; onmousemove; onmouseup; */ var oDiv=document.getElementById("div1"); var i=0 oDiv.onmousedown=function (ev) {//**問題1** var ev=ev||event; var disX=ev.clientX-this.offsetLeft; var disy=ev.clientY-this.offsetTop; console.log(i++) oDiv.onmousemove=function(ev){ var ev=ev||event; this.style.left= (ev.clientX-disX)+"px"; this.style.top= (ev.clientY-disy)+"px"; } oDiv.onmouseup=function(){//**問題2** oDiv.onmousemove=null } } } </script>問題1:為什么在一次onmousedown之后,里面的oDiv.onmousemove可以持續運行呢?問題2:此處的oDiv.onmouseup在每次oDiv.onmousedown是否在內存中新建的?每一次點擊的時候函數是否會保存下來?
鼠標按下事件的疑問
拉莫斯之舞
2018-12-26 22:14:12