如何获取被选择的文本 | 我的日常分享

如何获取被选择的文本

  • 兼容性
    IE9以下支持:document.selection
    IE9、Firefox、Safari、Chrome和Opera支持:window.getSelection()

解决方法

  • 直接上代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    <div id="content">
    心墙<br />
    林俊杰<br />
    一个人 眺望碧海和蓝天<br />
    在心里面那抹灰就淡一些 海豚从眼前飞越<br />
    我看见了最阳光的笑脸<br />
    好时光都该被宝贝 因为有限<br />
    我学着不去担心得太远 不计划太多反而能勇敢冒险<br />
    丰富地过每一天 快乐地看每一天<br />
    </div>
    <script>
    //封装一个获取被选择文本的函数
    function getSelectedText() {
    if (document.selection) {
    return document.selection.createRange().text;
    } else {
    return window.getSelection().toString();
    }
    }
    const oContent = document.getElementById("content");
    oContent.onmouseup = function () {
    let words = getSelectedText();
    if (words) {
    alert(words);
    }
    }
    </script>
    运行结果:
    运行结果

拓展