首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用rangy操纵选择

用rangy操纵选择
EN

Stack Overflow用户
提问于 2015-05-13 11:41:59
回答 1查看 1.1K关注 0票数 0

我试着用rangy来操纵选择。我的最终目标是在插入符号的左端选择一段已知长度的文本,但首先我想了解一下这些工具。

这是我的样本测试页面

代码语言:javascript
复制
<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时,我希望这会选择光标右边的四个字符。它没有,这意味着我还不知道如何使用这个。

能给我个线索吗?在所提供的示例中没有演示moveStartmoveEnd方法的使用。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-13 11:52:39

没关系,我为Internet原生TextRange找到了一个示例,它们的工作原理是一样的。范围实际上是变化的,但要查看更改,需要对r.select();进行跟踪。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30213774

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档