トップページ / マウスの位置を得る

マウスの位置を得る

スポンサードリンク

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関数に渡してあげることで、簡単にマウス座標を得ることが出来ます。

戻る: JavaScript応用編&TIPS

スポンサードリンク


AX