用rangy操縱選擇

Question

我正在嘗試使用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方法的使用。

Answer 1

沒關系，我為Internet Explorer本機TextRange找到了一個示例，它們的工作原理相同。 范圍實際上是在變化，但是要查看更改，您需要使用r.select();進行后續操作r.select();

用rangy操縱選擇

問題描述

1 個解決方案

解決方案1
1 已采納 2015-05-13 11:52:39

用rangy操縱選擇

問題描述

1 個解決方案

解決方案1 1 已采納 2015-05-13 11:52:39

解決方案1
1 已采納 2015-05-13 11:52:39