2016-08-04 22 views
2

次のコードを使用してキャンバスにドロップされた要素の位置を取得しようとしています。JavaScriptの要素の位置を取得

var x = $(".partitiondrop").position(); 
alert("Top position: " + x.top + "\nLeft position: " + x.left); 

上記はうまくいきます。右と下の位置を同じ方法で得ることができるかどうかを知りたいので、この要素の中にどの要素が含まれているかを確認する必要があるため、要素によって境界が拘束されるようにすることができます。

+0

getBoundingCientRect() – caub

答えて

3
var $partitiondrop = $(".partitiondrop"); 
var position = $partitiondrop.position(); 
position.bottom = position.top + $partitiondrop.height(); 
position.right = position.left + $partitiondrop.width(); 
alert("Top position: " + position.top + "\nLeft position: " + position.left + "\nBottom position: " + position.bottom + "\nRight position: " + position.right); 
+0

ありがとう。これは役に立ちました –

3

Uは常にx.leftの位置に幅を追加し、x.topの位置に高さを追加できます。

+0

申し訳ありませんが、私はそれは明らかだと思っていましたが、同じ人が以下の投稿を書いていました。 – Verri

+0

ありがとうございます。ありがとう –

0

右の位置:

$(window).width() - ($('.partitiondrop').offset().left + $('.partitiondrop').width()); 

ボトムポジション:

$(window).height() - $('.partitiondrop').offset().top; 
+0

応答ありがとう –

+0

:)ありがとうございます。 – titan

1

では、次の

var elementID; //Already obtained via attr(id) method or so 
var $element = $("#" + elementID); 
var position = $element.position(); 
position.bottom = position.top + $element.height(); 
position.right = position.left + $element.width(); 

var top_position=position.top; 
var left_position=position.left; 
var bottom_position=position.bottom; 
var right_position=position.right; 
1

で操作を行うことができ、そのIDによって任意の要素の位置を取得するにはJquery、それはfollを使用して行うことができます原因コード

関連する問題