获取元素在 Javascript 中的位置

Question

我正在尝试使用以下代码获取放置到 canvas 上的元素的位置。

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

以上工作正常。我想知道我是否可以用相同的方式获得 Right 和 Bottom 位置，这样我就可以让元素限制区域，因为我需要检查哪些元素落在这个元素内。

Answer 1

U 始终可以将宽度添加到 x.left 位置并将高度添加到 x.top 位置。

Answer 2

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);

Answer 3

正确位置：

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

底部位置：

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

Answer 4

要通过元素的 ID 获取任何元素的位置，您可以执行以下操作

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;

Answer 5

在Jquery中可以使用下面的代码

var p = $( "elementId" );
var position = p.position();
$( "p:last" ).text( "left: " + position.left + ", top: " + position.top );

获取元素在 Javascript 中的位置

Get Position of Element in Javascript

javascript

jquery

position

jsplumb

interact.js