无法添加第二选择范围(Google Chrome)

问题描述 投票:0回答:1

我正在尝试以编程方式在Chrome中添加多个选择区域。

从这里:Can you set and/or change the user’s text selection in JavaScript?

我发现此功能用于选择SO上的元素文本(我添加了clearFirst参数:]

function selectElementContents(el, clearFirst) {
    if (window.getSelection && document.createRange) {
//        console.log('here');
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(el);
        if (clearFirst) sel.removeAllRanges();
        sel.addRange(range);
    } else if (document.selection && document.body.createTextRange) {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.select();
    }
}

然后尝试这样称呼它:

  var table = document.createElement("table");
  document.body.appendChild(table);
  for (var i = 0; i < 3; i++) {
    let row = table.insertRow();
    for (var j = 0; j < 3; j++) {
       let cell = row.insertCell();
       cell.innerText = "" + i + "," + j;
    }
  }
  $(table).on("click", function() {
    let tds = $(this).find("td");
    console.log("td: " + tds.get(0));
    selectElementContents(tds.get(0), true);
    selectElementContents(tds.get(3), false);

  });

第一个TD的选择工作正常,但未选择第二个范围。我确认selectElementContents正在通过“ true”代码(注释掉console.log所在的位置)。是否不允许在Chrome中添加多个选择范围,或者我只是做的不正确?

javascript jquery google-chrome selection
1个回答
0
投票

答案似乎包含在Chrome扩展程序中:“多行文字选择” https://chrome.google.com/webstore/detail/multiline-text-selection/ajbomhojbckleofgngogoecoaefclnol?hl=en

因此,在默认的chrome中,不支持多个选择范围。但是此扩展名可以启用它。

© www.soinside.com 2019 - 2024. All rights reserved.