代码之家  ›  专栏  ›  技术社区  ›  David Mulder

getTargetRanges()何时返回多个范围?

  •  1
  • David Mulder  · 技术社区  · 3 年前

    beforeinput 类型 InputEvent 您可以查询 getTargetRanges() 返回将受输入事件影响的静态范围数组。

    什么是一个示例场景 getTargetRanges() 更多 不止一个范围?或者它是否返回一个数组“以防万一”,以防将来发生这样的事件?问这个问题的原因是,我想正确地测试依赖于 .

    MDN: https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/getTargetRanges
    规格: https://w3c.github.io/input-events/#overview


    游乐场:

    document.querySelector('div').addEventListener('beforeinput', (event) => {
      console.log(event.inputType, event.getTargetRanges().length);
      if (event.getTargetRanges().length > 1) {
        alert('how?');
      }
    })
    <div contenteditable>
      <p>Hello world</p>
      <p>This is a tyypo</p>
    </div>
    1 回复  |  直到 3 年前
        1
  •  1
  •   Ry- Vincenzo Alcamo    3 年前

    多个选择就是一个例子。例如,在Firefox中,双击一个单词,按住Ctrl/Command,双击另一个单词,返回空格。