DOMオブジェクトのjQuery xyドキュメント座標
DMCS：
DOM要素の（ドキュメントの上/左を基準にした）X、Y座標を取得する必要があります。プラグイン、jQueryプロパティ、またはこれらを提供できるメソッドを見つけることができません。DOM要素の上部と左側を取得できますが、現在のコンテナー/親またはドキュメントを基準にすることができます。
バレクサンドル：
Dimensions プラグイン を使用でき ます [非推奨... jQuery 1.3.2+に含まれています]
offset（）ドキュメントを
基準にして、最初に一致した要素の現在のオフセットをピクセル単位で取得します。position（）
要素のオフセット親を基準にした要素の上部と左側の位置を取得します。
このことを知って、それは簡単です...（私の小さな使用してSVGプロジェクトをとして、例えば、ページ）
var x = $("#wrapper2").offset().left;
var y = $("#wrapper2").offset().top;
console.log('x: ' + x + ' y: ' + y);
出力：
x: 53 y: 177
それがあなたが探しているものに役立つことを願っています。
これがoffset（）とposition（）の画像です
XRayの使用
Web Developerツールバーの使用
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ドキュメントの特定の座標での印刷
- 2
テキストドキュメントの座標 'x、y'を浮動小数点リストオブジェクトに変換する
- 3
jQueryオブジェクトとDOM要素
- 4
WebBrowserドキュメントでのマウスクリック座標の取得
- 5
jQueryオブジェクト内のDOMオブジェクトのインデックスを取得します
- 6
Angular：DOMオブジェクトの解析
- 7
要素の作成にDOMのドキュメントオブジェクトが必要なのはなぜですか？
- 8
Jqueryオブジェクトのオブジェクトの作成
- 9
オブジェクトの座標-Matlab
- 10
jQueryでDOMオブジェクトのノード名を見つける
- 11
jQuery外部ソースからのDOMオブジェクトの使用方法
- 12
Firebaseドキュメントの標準？
- 13
IE7のJQueryオブジェクトからDOM要素を取得する
- 14
jQueryオブジェクトの同等性
- 15
DocuSignは、PDFドキュメントでx座標とy座標を使用せずに署名フィールドを追加します
- 16
OpenOfficeBASICマクロでマウスクリックからドキュメント座標を取得する方法
- 17
Kualiドキュメントビジネスオブジェクトの拡張
- 18
jqueryを使用してdomオブジェクトを操作する
- 19
javascriptオブジェクトとDOMオブジェクト
- 20
Google Vision OCR、90、180、270のドキュメントから単語の座標を0度に回転
- 21
ドキュメント要素のモックオブジェクト
- 22
Fiddlerセッションオブジェクトのドキュメント
- 23
jQueryの戻りキー値[オブジェクトオブジェクト]
- 24
jQuery：同じクラスのオブジェクトのリストからDOM内のオブジェクト番号を取得します
- 25
JAXBとドキュメントオブジェクト
- 26
iframeのドキュメントオブジェクトを取得する
- 27
APIドキュメントの無効なオブジェクト構文
- 28
カスタム オブジェクトの JavaScript ドキュメント
- 29
DOMオブジェクトコンテンツの表示
コメントを追加