SelectionContext

基础库 3.16.0 开始支持，低版本需做兼容处理。

相关文档: selection

SelectionContext 实例，可通过 SelectorQuery.context 获取。

SelectionContext 通过 id 跟一个 selection 组件绑定，可主动控制组件内部选区。

方法

SelectionContext.selectRange(number start, number end)

主动设置 selection 组件内部选区范围。偏移以组件内所有有效 text 单元拼接后的字符串为准。

SelectionContext.setBaseAndExtent(string anchorNodeId, number anchorOffset, string focusNodeId, number focusOffset)

主动设置 selection 组件内部选区的起点与终点。节点 id 与偏移可由 selection 组件 selectionchange 事件返回的 firstNodeId/firstOffset、lastNodeId/lastOffset 得到。

SelectionContext.removeSelection()

清除 selection 组件内部当前选区。

示例代码

<selection id="selection">
  <text user-select>abcdefg</text>
</selection>

Page({
  onReady() {
    wx.createSelectorQuery().select('#selection').context(ctx => {
      this.selectionContext = ctx
    }).exec()
  },
  selectPart() {
    this.selectionContext.selectRange(1, 5)
  },
  clearSelection() {
    this.selectionContext.removeSelection()
  },
})