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';
};