정보가 표시되는 위치
<DIV id=showarea style=width:220;text-align:center></DIV>

<FORM name="form1">
<INPUT type="button" name="button1" value="이벤트 type?"
  onClick="showarea.innerHTML='event.type=( '+event.type+')<BR>'+
    'event.screenX=('+event.screenX+') event.screenY=('+event.screenY+')'">
</FORM>

윗 예제와 연관된다.

click 해 보라.
mouse를 움직여 보라.
<HEAD>
<SCRIPT>
function mouseCheck(){
  point.innerHTML='type='+event.type+
    '<BR>button='+event.button+
    '<BR>screenX,screenY=('+event.screenX+','+event.screenY+')';
    '<BR>x,y=('+event.x+','+event.y+')';
}
function moveCheck(){
  point.innerHTML='type='+event.type+' X,Y=('+event.screenX+','+event.screenY+')';
}
document.onmousedown=mouseCheck;
document.onmousemove=moveCheck;
</SCRIPT>
</HEAD>

<BODY>
<DIV id=point class=show style=width:350;height:3.1em;text-align:center></DIV>
<DIV id=move class=show style=width:350;height:4.6em;text-align:center></DIV>