Question

我试图在Dart中获取Element（DOM元素）的文档（全局）坐标，在纯JavaScript中我可以通过jQuery使用$（'some_selector'）。offset（）获得。

我一直在浏览Dart dart：html API，但到目前为止还没有运气。

任何想法？感谢

Answer 1

Element上没有原生函数来获取坐标。

class Position {
  num left, top;
  Position(this.left, this.top);
}

Position offset(Element elem) {
  final docElem = document.documentElement;
  final box = elem.getBoundingClientRect();
  return new Position(box.left + window.pageXOffset - docElem.clientLeft,
                      box.top  + window.pageYOffset - docElem.clientTop);
}

另一种解决方案是通过jQuery.offset()使用js-interop：

Position jQueryOffset(Element elem) {
  return js.scoped((){
    final offset = js.context.jQuery(elem).offset();
    return new Position(offset.left, offset.top);
  });
}

Answer 2

您应该考虑使用此Dart元素方法：https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/dart:html.Element#id_documentOffset

在Dart中获取Element的全局/文档坐标（又名$（'some'）。offset（））

2 个答案: