javascript - Selection::addRange 在大 DOM 中非常慢

Question

是否有任何替代 document.getSelection().addRange() 的方法？

在包含 div 的内容可编辑框架中，当我们向下移动 div 时，速度会变慢。

Answer 1

你在运行吗removeAllRanges第一的？ MDN article和 this SO answer让人觉得该通话是必需的/推荐的。

MDN 文章中的示例脚本:

/* Select all STRONG elements in an HTML document */

var strongs = document.getElementsByTagName("strong");
var s = window.getSelection();

if(s.rangeCount > 0) s.removeAllRanges();

for(var i = 0; i < strongs.length; i++) {
  var range = document.createRange();
  range.selectNode(strongs[i]);
  s.addRange(range);
}