开发
API

SelectorQuery.exec

执行所有的查询。查询结果按次序构成数组,在 callback 的第一个参数中返回。

语法

selectorQuery.exec(callback)

参数说明

function callback

回调函数。

回调函数接受的第一个参数为数组类型,数组每一项按依次对应执行 exec 前的查询语句的结果。

具体字段参见 NodesRef.boundingClientRectNodesRef.scrollOffsetNodesRef.fields 中的参数说明部分。

返回值

NodesRef

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

TTML

<button id="btn">示例按钮</button>

JavaScript

const query = tt.createSelectorQuery();

// 选择 ttml 中的示例按钮,并添加一个对它布局信息的查询
query.select("#btn").boundingClientRect();

// 选择显示区域,并查询它的滚动位置信息
query.selectViewport().scrollOffset();

// 执行所有已添加的查询,查询结果按添加顺序组成数组返回
query.exec(function (res) {
  // 打印示例按钮的宽度和高度
  console.log(res[0].width, res[0].height);

  // 打印显示区域的竖直滚动位置和水平滚动位置
  console.log(res[1].scrollTop, res[1].scrollLeft);
});
点击纠错
评价此篇文档