獲取元素在Javascript中的位置

我想要使用下面的代碼將元素的位置放到畫布上。獲取元素在Javascript中的位置

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

上述工作正常。我想知道是否可以以相同的方式獲取右下角位置，以便我可以使用該元素所限制的區域，因爲我需要檢查哪些元素落在此元素內。

來源

2016-08-04 Nayantara Jeyaraj

getBoundingCientRect（） – caub

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

來源

2016-08-04 09:24:13 metal03326

謝謝。這是有幫助的 –

U總是可以將寬度添加到x.left位置並將高度添加到x.top位置。

來源

2016-08-04 09:20:05 Verri

對不起，我認爲這是顯而易見的，但同一個人寫了下面的帖子。 – Verri

謝謝。完成它 –

右的位置：

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

底部位置：

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

來源

2016-08-04 09:27:12 titan

感謝您的迴應 –

:)歡迎您。 – titan

要獲得任何元素的位置由它的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;

來源

2016-09-05 09:38:23

在jquery，可以使用foll來完成由於代碼

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

來源

2016-09-05 10:03:25

獲取元素在Javascript中的位置

回答

相關問題