遠眼鏡屋2

javascript の実験 クリックの位置

はてなダイアリーではjavascript が使えないようなので、下記の touko.html を外部サイトにアップロードした。
こちらのサイトに跳ぶ

◎touko.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
javascript が使用可能かどうかの実験<br>
四角エリアのどこかを複数回クリックしてみる。<br><br>
<script type ="text/javascript">
<!--
function getMousePosition(event) {
obj = new Object();
obj.x = event.layerX;
obj.y = event.layerY;
document.getElementById("1").style.left = obj.x+"px";
document.getElementById("1").style.top = obj.y +"px";
}
//-->
</script>
<div style="width:500px;height:300px;border:1px solid #000;" onclick="getMousePosition(event);"></div>
<div id="1" style= "position:absolute; left:100; top:400;" ><b>こんにちは</b></div>
</body>
</html>