Question

我正在处理代码，以在单击按钮并在输入框上选择的同时在contenteditable中选择文本。我选择的文本有问题，因为当我选择文本时，当我单击显示模式的按钮时，当我单击输入文本框时，每次单击contenteditable中的所选文本都会消失在输入文本框中。

我已经尝试过了：

user-select: none;

它没有用，所以这里是完整的代码：

<div id="quickreply" class="reply-message" hidefocus="false" aria-label="Message Body" g_editable="true" role="textbox" aria-hidden="true" aria-multiline="true" contenteditable="true" tabindex="1" style="direction: ltr;min-height: 135px;width: 840px;padding-left: 25px;font-size: 13px;user-select: none;" itacorner="6,7:1,1,0,0">Some texts goes here</div>

<div id="insert-link" class="link" command="+link" data-toggle="tooltip" data-placement="bottom" title="" role="button" unselectable="on" style="user-select: none; align-items: center; border: none; display: inline-flex; justify-content: center; width: 26px; height: 26px; cursor: pointer; line-height: 20px; list-style: none; padding: 0 0 0 12px; position: relative; outline: none; z-index: 0;" data-original-title="Insert link ‪(Ctrl-K)‬"></div>

<div id="editlink_dialog" class="Kj-JD LW-JD" tabindex="0" role="dialog" aria-labelledby=":vm" style="left: 201.5px; top: 172.5px; user-select: none; display: flex;">

    <span style="position:relative;bottom: 2px;padding-right:1px;white-space:nowrap;" id="linkdialog-text-label">Text to display:&nbsp;</span>
    <input id="linkdialog-text" aria-labelledby="linkdialog-text-label" style="user-select: none; width: 80%;border: 1px solid #a9a9a9;">
</div>

我期望实现的是当我在单击按钮并选择输入框的同时选择contenteditable中的文本时，我希望保持对contenteditable中文本的选择，以便我可以更改文本我想要。

能否请您举个例子说明我该怎么做？

谢谢。

如何防止contenteditable中的选定文本消失？

0 个答案: