我正在尝试以编程方式在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中添加多个选择范围,或者我只是做的不正确?
答案似乎包含在Chrome扩展程序中:“多行文字选择” https://chrome.google.com/webstore/detail/multiline-text-selection/ajbomhojbckleofgngogoecoaefclnol?hl=en
因此,在默认的chrome中,不支持多个选择范围。但是此扩展名可以启用它。