获取网页中的文本光标相对屏幕的坐标

淘人居士

已于 2022-07-04 15:41:29 修改

阅读量407

点赞数

分类专栏： web前端文章标签： javascript html5

于 2022-07-04 15:38:21 首次发布

本文链接：https://blog.csdn.net/kw269937519/article/details/125600077

版权

web前端专栏收录该内容

29 篇文章 2 订阅

订阅专栏

此代码仅chrome系列有效，适用于textarea和标记contenteditable的DIV

/**获取光标相对屏幕坐标
 * @returns {DOMRect}
 * */
function getAnchorPoint() {
    let sel = window.getSelection();
    if (!sel.focusNode) {
        return { x: 0, y: 0, left: 0, top: 0, width: 0, height: 0 };
    }
    if (sel.focusNode.nodeName === '#text') {
        let range = document.createRange();
        range.selectNode(sel.focusNode);
        range.setStart(sel.focusNode, sel.focusOffset);
        return range.getBoundingClientRect();
    } else {
        return sel.focusNode.childNodes[sel.focusOffset - 1].getBoundingClientRect();
    }
}