マウスの位置を得る
スポンサードリンク
Event.pointerX, Event.pointerYを使う bookmark
Event.pointerX, Event.pointerYを使えば、複数のブラウザで同じようにマウス位置を簡単に取得できます。
コードを見てみよう bookmark
コードの解説 bookmark
window.onload からEvent.observeを呼び出しています。これは、ページの読み込みが完了した後でイベントを付与するようになっています。
肝心のところは、Event.observe('container', 'click', up); によって、<div id="container"> のクリック時に up 関数が呼ばれるところです。
up関数の第一引数には、イベント型の引数(e)が自動でわたるので、そのイベント型の変数を Event.pointerX/Y関数に渡してあげることで、簡単にマウス座標を得ることが出来ます。
スポンサードリンク