使用JavaScript/jQuery进行文本选择[duplicate]

0pizxfdo 于 2022-11-03 发布在 jQuery

关注(0)|答案(1)|浏览(127)

此问题在此处已有答案：

How to replace selected text with html in a contenteditable element? [duplicate]（2个答案）
9年前就关门了。
我在html页面中放置了一个div容器，其中放置了一些文本。现在，我希望用户选择的文本（任意数量）显示在同一页面的另一个div容器中。

<div id="d1"> Some Random text, Some Random text Some Random text, Some Random text</div>
<div id="d2"></div>

我在如何从d1容器中提取文本上遇到了困难。我尝试过使用window.getSelection()和相关的方法。讽刺的是，它应用于整个文档。如何着手呢？
P.S-JSFiddle演示会很有帮助。

jquery

来源：https://stackoverflow.com/questions/15418124/text-selection-using-javascript-jquery

1条答案

按热度按时间

os8fio9y1#

在我的Mac上尝试了这个，似乎是在Safari/Chrome和FF上工作，但对IE不确定

<head>
    <script>
        var mouseup_fun = function()
        {
            var str = document.getSelection().toString();
            if (str.length > 0) {
                document.getElementById("div2").innerHTML = str;  
            }

        }
    </script>
</head>
<body >
    <div id="div1" onmouseup="mouseup_fun()">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>
    </br></br>
    <div id="div2">

    </div>
</body>
</html>

赞(0）回复(0）举报 2022-11-03

我来回答

使用JavaScript/jQuery进行文本选择[duplicate]

1条答案

相关问题

热门标签

最新问答