Question

如何从A（x1，y1）到B（x2，y2）以编程方式选择？

x1，y1，x2，y2是像素坐标。我搜索了很多，在我发现的所有功能中，我们必须指定一个特定的标签然后选择它的内容。

Answer 1

您可以在所有浏览器的当前版本中执行此操作。这些浏览器至少具有以下之一：

基于标准的方法，由Firefox＆gt; = 20实现，来自CSSOM View规范：document.caretPositionFromPoint()
WebKit的专有版本：document.caretRangeFromPoint()。
IE的专有TextRange对象，它具有采用像素坐标的moveToPoint()方法。但是，似乎在所有版本的IE中使用的moveToPoint()可能有错误（例如，请参阅here和here）;我很幸运能够使用我用过的所有文件。

~~但是，Mozilla还没有实现任何这些，Opera也没有实现，所以在这些浏览器中无法做到这一点。~~

<强> Firefox 20 and later supports document.caretPositionFromPoint()。 Opera 15支持document.caretRangeFromPoint()

这是一些示例代码。它适用于IE 5 +，WebKit从2010年左右开始，Firefox＆gt; = 20，Opera＆gt; = 15。

现场演示：http://jsfiddle.net/timdown/ABjQP/

代码：

function createSelectionFromPoint(startX, startY, endX, endY) {
    var doc = document;
    var start, end, range = null;
    if (typeof doc.caretPositionFromPoint != "undefined") {
        start = doc.caretPositionFromPoint(startX, startY);
        end = doc.caretPositionFromPoint(endX, endY);
        range = doc.createRange();
        range.setStart(start.offsetNode, start.offset);
        range.setEnd(end.offsetNode, end.offset);
    } else if (typeof doc.caretRangeFromPoint != "undefined") {
        start = doc.caretRangeFromPoint(startX, startY);
        end = doc.caretRangeFromPoint(endX, endY);
        range = doc.createRange();
        range.setStart(start.startContainer, start.startOffset);
        range.setEnd(end.startContainer, end.startOffset);
    }
    if (range !== null && typeof window.getSelection != "undefined") {
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (typeof doc.body.createTextRange != "undefined") {
        range = doc.body.createTextRange();
        range.moveToPoint(startX, startY);
        var endRange = range.duplicate();
        endRange.moveToPoint(endX, endY);
        range.setEndPoint("EndToEnd", endRange);
        range.select();
    }
}

Answer 2

对于Firefox或Opera，有一些解决方法。这将插入符号设置在元素的第一个位置：

console.log("moz or opera doesn't support caret by position so we have a workaround");
var range = doc.createRange();
var element = doc.elementFromPoint(startX, startY);
range.setStart(element, 0);

在绝对位置设置从A到B的选择范围

2 个答案: