浏览器获取长按选中,双击选中内容

最新推荐文章于 2024-08-09 14:38:03 发布

雨夜星辰03

最新推荐文章于 2024-08-09 14:38:03 发布

阅读量1k

点赞数 1

分类专栏： html+css javascript

html+css 同时被 2 个专栏收录

15 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

本文介绍了一种通过鼠标操作来获取网页中特定文本的方法。包括鼠标移动、点击、双击等事件监听，并实现了从鼠标所在位置获取词语的功能，以及通过鼠标选中或双击来获取文本内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * @author Dongxu Huang, Shu Ke, Wang Lei
 * @date   2013-07-08
 */
document.addEventListener("mousemove", update_mouse_pos, true);
document.addEventListener("mouseup", on_mouse_up, true);
document.addEventListener("mousedown", on_mouse_down, true);
document.addEventListener("dblclick", on_mouse_dbclick, true);

var clientX, clientY;
// 鼠标按下的位置，用于判断鼠标是不是有很大的位移
var mouse_down_x, mouse_down_y;

function onText(resonse) {
}


function update_mouse_pos(event) {
    clientX = event.clientX, clientY = event.clientY;
}

/* 得到鼠标位置所指的词语 */
function get_word_by_mouse() {
    var ret = { text: "", pos: -1};
    if (clientY  == 0 || clientY == 0) {
        return ret;
    }
    var r = document.caretRangeFromPoint(clientX, clientY);
    if (!r) {
        return ret;
    }
    if (r.startContainer.data) {
        var rcText = null;
        if (r.startContainer.getBoundingClientRect) {
            rcText = r.startContainer.getBoundingClientRect();
        } else if (r.startContainer.parentElement && r.startContainer.parentElement.getBoundingClientRect) {
            rcText = r.startContainer.parentElement.getBoundingClientRect();
        }
        if (rcText == null || (rcText && rcText.left < clientX && clientX < rcText.right && rcText.top < clientY && clientY < rcText.bottom)) {
            ret.text = r.startContainer.data;
            ret.pos = r.startOffset;
            return ret;
        }
    }
    return ret;
}
;

function on_mouse_down(event) {
    mouse_down_x = event.clientX;
    mouse_down_y = event.clientY;
}


function on_mouse_up(event) {
    if ( Math.abs(event.clientX - mouse_down_x) > 2 || Math.abs(event.clientY - mouse_down_y) > 2)
    {
        var sText = document.selection == undefined ? document.getSelection().toString():document.selection.createRange().text;
        if (sText != "")
        {
            // todo: 字符串过长的问题.
            if (sText.length >2000)
                sText = sText.substr(0, 2000);
           
            alert(sText)
        }
    }
}

function on_mouse_dbclick(event) {
    var sText = document.selection == undefined ? document.getSelection().toString():document.selection.createRange().text;
    if (sText != "")
    {
        // todo: 字符串过长的问题.
        if (sText.length > 2000)
            sText = sText.substr(0, 2000);
      
        alert(sText)
    }
}