在Javascript中获取元素的位置答案

【问题标题】：Get Position of Element in Javascript在Javascript中获取元素的位置
【发布时间】：2016-08-04 09:17:12
【问题描述】：

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

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

以上工作正常。我想知道我是否可以以相同的方式获得 Right 和 Bottom 位置，以便我可以拥有由元素绑定的区域，因为我需要检查哪些元素落在该元素内。

【问题讨论】：

getBoundingCientRect()

标签： javascript jquery position jsplumb interact.js

【解决方案1】：

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

【讨论】：

谢谢。这很有帮助

【解决方案2】：

U 总是可以给 x.left 位置增加宽度，给 x.top 位置增加高度。

【讨论】：

对不起，我认为这很明显，但同样的人写了下面的帖子。

【解决方案3】：

要通过 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;

【讨论】：

【解决方案4】：

在Jquery中，可以使用下面的代码来完成

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

【讨论】：

【解决方案5】：

正确的位置：

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

底部位置：

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

【讨论】：

感谢您的回复