ウィンドウ情報

Posted by muchag | jQuery | 2011-08-05 (金) 18:28:16

【環境】
[jQuery] 1.6.1
ターゲット

ウィンドウ情報についてのターゲットは

  1. $('html')
  2.  
  3. $(window)
  4.  
  5. $(document)

この3つが対応しているようだが
下2つはブラウザ依存度が高く使いにくいらしい。

私自身は、まだ $(‘html’) しか試していない。
 

プロパティ
pageX ドキュメント内でのマウスカーソルの当該 X 座標
pageY ドキュメント内でのマウスカーソルの当該 Y 座標
clientX 表示領域内でのマウスカーソルの当該 X 座標
スクロールによって値が変動
clientY 表示領域内でのマウスカーソルの当該 Y 座標
スクロールによって値が変動

 

  1. var pX, pY, cX, cY;
  2. $(document).ready(function(){
  3.     $(‘html’).mouseover(function(event){
  4.         pX = event.pageX;
  5.         pY = event.pageY;
  6.         cX = event.clientX;
  7.         cY = event.clientY;
  8.     });
  9. });

 

参考元サイト

Cyokodog :: Diary:jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる

jQuery | 2011-08-05 (金) 18:28:16 |

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment