gpt4 book ai didi

javascript - 如何使用 javascript 在页面上选择任意文本?

转载 作者:数据小太阳 更新时间:2023-10-29 05:46:05 24 4
gpt4 key购买 nike

假设我有一个 contentEditable div , 用户可以编辑和更改其中的文本和元素。我如何任意更改此div中的选择用javascript?我所说的“更改”并不是指“更改用户选择的任何内容”,我的意思是实际更改选择的内容。然后用户应该能够在选择上键入内容,将其替换为其他内容。

这应该考虑到我可能想要跨元素选择文本。例如:

<p>Some text <span>goes</span> here.</p>

例如,我可能想选择“Some text go”,或者 <p> 中的所有内容.

这只需要在 Safari/Webkit 中工作。

提前致谢。作为本地代码开发人员,我发现 DOM 和 Javascript 总体上非常令人沮丧。

最佳答案

只是详细回答我自己的问题,这样任何搜索类似内容的人都不必去别处寻找......

我最终使用的代码是这样的:

var range = document.createRange();
range.setStart( <get the node the selection starts in>, <char offset in that node> );
range.setEnd( <get the node the selection ends in>, <char offset in that node> );

window.getSelection().removeAllRanges();
window.getSelection().addRange(range);

非常感谢 James Black 为我指明了正确的方向。

关于javascript - 如何使用 javascript 在页面上选择任意文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1736264/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com