ホームページ  >  記事  >  ウェブフロントエンド  >  page_javascript スキルでオブジェクトの位置座標を取得する JavaScript メソッド

page_javascript スキルでオブジェクトの位置座標を取得する JavaScript メソッド

WBOY
WBOYオリジナル
2016-05-16 15:16:151483ブラウズ

この記事の例では、JavaScript がページ上のオブジェクトの位置座標を取得する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

<script language="javascript" type="text/javascript" >
function getXY(Obj) 
{
  var h = Obj.offsetHeight;
  for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
  sumTop = h+sumTop;
  return {left:sumLeft,top:sumTop}
}
</script>

さらに JavaScript 関連のコンテンツに興味のある読者は、このサイトの特別トピック「JavaScript マウス操作スキルの概要」、「JavaScript オブジェクト指向入門チュートリアル" と "JavaScript のデータ構造とアルゴリズムのスキルのまとめ

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。