JS練習のマウスイベント――マウスに従って物体を動かします.

1430 ワード

// : , // document.οnmοusemοve=function(ev){ // var oEvent=ev||event; // var oDiv=document.getElementById('div1'); // var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; // // oDiv.style.left=oEvent.clientX+'px'; // oDiv.style.top=oEvent.clientY+scrollTop+'px'; // }; // function getPos(ev){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft; return{x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop}; } document.οnmοusemοve=function(ev){ var oEvent=ev||event; var oDiv=document.getElementById('div1'); var pos=getPos(oEvent); oDiv.style.left=pos.x+'px'; oDiv.style.top=pos.y+'px'; };