gpt4 book ai didi

javascript - 如何选择 contentEditable = true 的两个元素的文本?

转载 作者:行者123 更新时间:2023-11-30 09:52:53 25 4
gpt4 key购买 nike

请问,contentEditable 属性设置为true 的两个HTML 元素如何选择文本。当我开始在一个元素中用鼠标选择文本时,选择在它的范围内结束。永远不要到达第二个元素。

我也尝试应用“用户选择”属性,但没有效果。

这里是片段。

<body>
<div contentEditable = true style="position:absolute; left: 10px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
Donec tempus, nisi a pharetra placerat, diam nisi aliquam elit, a consectetur magna enim sed ligula.
</div>

<div contentEditable = true style="position:absolute; left: 130px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
The oldest browsers support only one way of registering event handlers, the way invented by Netscape.
</div>
</body>
非常感谢

最佳答案

你可以包装这些 <div>在另一个里面 <div>并使其成为contentEditable="true"而不是这两个。

<body>
<div contentEditable="true">
<div style="position:absolute; left: 10px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
Donec tempus, nisi a pharetra placerat, diam nisi aliquam elit, a consectetur magna enim sed ligula.</div>
<div style="position:absolute; left: 130px; top:10px; width:100px; height:200px; border: 3px solid #73AD21;">
The oldest browsers support only one way of registering event handlers, the way invented by Netscape.</div>
</div>
</body>

JS斌here .

关于javascript - 如何选择 contentEditable = true 的两个元素的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35469765/

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