您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:JavaScript 选择元素中的文本（类似于用鼠标突出显示）

JavaScript 选择元素中的文本（类似于用鼠标突出显示）

JavaScript 选择元素中的文本（类似于用鼠标突出显示）

function selectText(node) {

    node = document.getElementById(node);



    if (document.body.createTextRange) {

        const range = document.body.createTextRange();

        range.movetoElementText(node);

        range.select();

    } else if (window.getSelection) {

        const selection = window.getSelection();

        const range = document.createRange();

        range.selectNodeContents(node);

        selection.removeAllRanges();

        selection.addRange(range);

    } else {

        console.warn("Could not select text in node: Unsupported browser.");

    }

}



const clickable = document.querySelector('.click-me');

clickable.addEventListener('click', () => selectText('target'));


<div id="target"><p>Some text goes here!</p><p>Moar text!</p></div>

<p class="click-me">Click me!</p>
javascript 2022/1/1 18:14:40 有494人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶