イベントの扱い方その７（mousemove）

jQuery イベントの扱い方

mousemoveイベントについて。

マウスカーソルが動いている時に発生するイベント。
大抵の場合、マウスカーソルの座標（但し、ブラウザの左上を[0, 0]とする）を取得するような場合に使われるらしい。
他のイベントと違って、引数とし手渡すfunctionに、引数を一つ渡してやると座標が取得できる。
じゃ、サンプルを。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("#div2").mousemove(function(e){
          $("#div1").text("x = " + e.clientX + "\ny = " + e.clientY);
        });
      })
    </script>
  </head>
  <body>
    <div id="div1">ぱんぱかぱんつ</div>
    <div id="div2" style="height: 500px; width: 500px; background-color: lightblue;">ぱんぱかぱんつ</div>
  </body>
</html>

いや〜、マジ簡単すねコレ。すごいわ。