js中选中文字

南辞△

已于 2022-08-16 17:13:08 修改

阅读量716

点赞数

文章标签： javascript 前端 html

于 2022-08-16 17:06:23 首次发布

本文链接：https://blog.csdn.net/zczdc/article/details/126369962

版权

JavaScript 文字选中 DOM操作事件处理浏览器API

关键词由CSDN通过智能技术生成

js中选中文字

需求：点击页面文字使其为选中状态。

 <div>
        <span id="text" onmousedown="onMousedownP()">文字点击选中拖动</span>
        <input type="text">
    </div>

function onMousedownP() {
            window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
            let referenceNode = document.querySelector('#text');
            let selection = window.getSelection();
            let range = document.createRange();
            range.selectNode(referenceNode);
            selection.addRange(range);
        }