| ポイント |
<![CDATA[
myIMG.style.left = event.x;
myIMG.style.top = event.y;
window.document.onclick = moveImg;
]]>
|
| 説 明 |
画面上のクリックイベントは「window.document.onclick」で取得し、呼び出す関数（イベントハンドラ）を指定します。呼び出される関数側ではevent.x、event.yでクリック座標を取得し、画像のスタイルシートプロパティであるtop、leftにクリック座標を代入します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリックした位置に画像を表示する</title>
<script language="JavaScript"><!--
function moveImg()
{
myIMG.style.left = event.x;
myIMG.style.top = event.y;
}
window.document.onclick = moveImg;
// --></script>
</head>
<body>
<img src="ball.gif" name="myIMG" style="position:absolute;">
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリックした位置に画像を表示する