サイズプロパティ

ドラッグしている範囲のサイズを表示します。 [サンプル]

javascript: f=false; p=document.body.appendChild(document.createElement('div')); p.style.position='absolute'; p.style.backgroundColor='#ffff99'; p.style.color='black'; p.style.fontSize='8pt'; p.style.display='none'; p.style.zIndex=999; r=document.body.appendChild(document.createElement('div')); r.style.position='absolute'; r.style.border='1px%20dashed%20#0000ff'; r.style.fontSize='0pt'; r.style.display='none'; r.style.zIndex=998; document.body.onmousedown=function%20(e){ if(f){ f=false; p.style.display='none'; r.style.width=0; r.style.height=0; r.style.display='none'; }else{ f=true; x=e.pageX; y=e.pageY; p.style.display='block'; r.style.display='block'; } }; document.body.onmousemove=function%20(e){ if(f){ w=Math.abs(e.pageX-x); h=Math.abs(e.pageY-y); p.innerHTML='W:'+w+'%20H:'+h; p.style.left=e.pageX+12; p.style.top=e.pageY+12; if(e.pageX>x){ r.style.left=x; }else{ r.style.left=e.pageX; } if(e.pageY>y){ r.style.top=y; }else{ r.style.top=e.pageY; } r.style.width=w; r.style.height=h; } }; void(0);