Javascript 计算div的左下角

如何使用JavaScript或jQuery计算div x和y坐标的左下角

例如，如何找到绿色框的左下角？ HTML:

JavaScript:

$( "*", document.body ).click(function( event ) {
  var offset = $( this ).offset();
  event.stopPropagation();
  $( "#result" ).text( this.tagName +
    " coords ( " + offset.left + ", " + offset.top + " )" );
});

---

链接到JSFIDLE示例：

左下角坐标将是偏移顶部位置，加上元素的高度。您可以使用以下选项：

$(this).offset().top + $(this).outerHeight(true);

我们与

true

参数一起使用，因为它将计算元素的实际外部高度，包括边框和可能应用的任何边距

因此，您的代码将如下所示：

$("*", document.body).on('click', function(e) {
    e.stopPropagation();
    var offset = $( this ).offset();

    $( "#result" ).text(this.tagName+" coords ("+offset.left+", "+offset.top+", "+(offset.top + $(this).outerHeight(true))+")");
});

---

@user1839601没问题！哎呀，这不是只计算了左下角点的Y轴吗？

$(this).offset().top + $(this).outerHeight(true);

$("*", document.body).on('click', function(e) {
    e.stopPropagation();
    var offset = $( this ).offset();

    $( "#result" ).text(this.tagName+" coords ("+offset.left+", "+offset.top+", "+(offset.top + $(this).outerHeight(true))+")");
});