在 CSS3 列中获取文本? [英] Get text in CSS3 column?

问题描述

我在项目中使用 CSS3 对列的支持(到目前为止，我发现它比大多数 JavaScript 解决方案更健壮和可靠).

I'm using CSS3's support for columns support in a project (so far I've found it much more robust and dependable than most JavaScript solutions out there).

问题:是否可以通过任何方式获取特定列中的文本?

Question: Is it possible to get the text that is in a specific column, in any way?

推荐答案

然后……什么，两个月后?我终于找到了这个问题的答案.它依赖于 document.caretRangeFromPoint (Webkit) 或 document.caretPositionFromPoint.

And...what, two months later? I finally found the answer to this question. It's reliant on document.caretRangeFromPoint (Webkit) or document.caretPositionFromPoint.

var getAllTextInColumn = function(rect){
    /*
        rect should be the size and x,y of the column
        { top, left, width, height }
    */

    if(document.caretRangeFromPoint){
        var caretRangeStart = document.caretRangeFromPoint(rect.left, rect.top);
        var caretRangeEnd = document.caretRangeFromPoint(rect.left+rect.width-1, rect.top+rect.height-1);
    } else {
        return null;
    }

    if(caretRangeStart == null || caretRangeEnd == null) return null;

    var range = document.createRange();
    range.setStart(caretRangeStart.startContainer, caretRangeStart.startOffset);
    range.setEnd(caretRangeEnd.endContainer, caretRangeEnd.endOffset);

    return range.toString();
};

这篇关于在 CSS3 列中获取文本?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！