Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js selection

作者:寂寞算什么   发布日期:2025-12-29   浏览:74

// 获取当前页面的选中内容
function getSelectionText() {
    let text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

// 示例:将选中的文本显示在控制台
document.addEventListener('mouseup', function() {
    console.log(getSelectionText());
});

// 解释说明:
// 1. `window.getSelection()` 是现代浏览器获取选中文本的方法。
// 2. `document.selection` 是旧版 IE 浏览器获取选中文本的方式。
// 3. `mouseup` 事件用于监听用户释放鼠标按钮时触发,此时可以获取到用户选中的文本。
// 4. `console.log(getSelectionText())` 将选中的文本输出到控制台。

上一篇:html/css/js 的关系

下一篇:js 隐藏滚动条

大家都在看

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 数组对象合并

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站