目指せ!万能クリエーター!!デザイン・コーディングプログラミングまで幅広く書いています。

準備中

スポンサーサイト

このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

マウスオーバーした個所の座標を取得*Javascript*

このエントリーをはてなブックマークに追加
クリックした個所の座標を取得するサンプルを作りました。

が、本来はマウスについて回るサンプルを作りたかったので改造してみました。
前の課題だったIE7以上はクリア。
もちろんfirefox、chrome確認済み。ただし、前みたいに決められたエリア内の情報を取得するわけではなくBody内の座標を限りなく取得します…。
そこのところ注意です。

Javascript

今回はクロスブラウザー対策としてtry { } catch { }を使って、IE8以前ではaddEventListenerが使えないのでAttachEventに切りかえます。
サンプルを見る

座標取得プロパティまとめ

clientX・clientY … ウィンドウ座標。スクロール量とは無関係に座標を取得できる。
pageX・pageY … ドキュメント座標。文書全体の左上を頂点とする座標です。
scrollLeft・scrollTop … 端部と現在見えているエレメントの最端部との間の距離。
スポンサーサイト
  1. 2013/01/06(日) 12:55:33|
  2. Javascript
  3. | トラックバック:0
  4. | コメント:0
<<カスタマイズしてお仕事効率化*dreamweaver* | ホーム | クリックした個所の位置を表示*Javascript*>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://gatoprateado.blog.fc2.com/tb.php/52-b422861e
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。