javascript - 使用 range 操作选择

我正在尝试使用 rangy 来操纵选择。我的最终目标是选择紧邻插入符号左侧的一段已知长度的文本，但首先我想了解这些工具。

这是我的示例测试页面

<html>
<head>
  <title>TextRange Demo</title>
  <script type="text/javascript" src="../lib/rangy-core.js"></script>
  <script type="text/javascript" src="../lib/rangy-classapplier.js"></script>
  <script type="text/javascript" src="../lib/rangy-textrange.js"></script>

  <script type="text/javascript">
    window.onload = function() {
      rangy.init();
    };
    function SelectStuff(){
      var r = rangy.getSelection().getRangeAt(0);
      r.moveEnd("character", 4);
    }
  </script>
</head>

<body>
  <div id="content">
  <div unselectable="on" onclick="SelectStuff()">SelectStuff</div>
  <div contenteditable="true" style="border: solid thin blue;">
    The quick brown fox jumps over the lazy dog.
  </div>
  </div>
</body>
</html>

当我将光标放在可编辑 div 中然后单击 SelectStuff 时，我希望它会选择光标右侧的四个字符。没有，这意味着我还不明白如何使用它。

有人可以告诉我吗？提供的示例中未演示 moveStart 和 moveEnd 方法的使用。

最佳答案

没关系，我找到了 Internet Explorer native TextRange 的示例，它们的工作原理相同。范围实际上正在发生变化，但是要看到您需要使用r.select();

跟进的变化

关于javascript - 使用 range 操作选择，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30213774/