javascript - 选择文本时使鼠标单击无响应

Question

我目前正在开发所见即所得的网络编辑器。

我遇到的问题有点复杂。

当我选择一段文本并单击工具上的某些内容时，该命令有效，但文本立即变为未选中状态。

就像我们在任何网页中选择文本时，当我们单击其他内容时，文本变为未选中状态，一切都恢复正常。

有没有办法在已经选择文本时抑制鼠标单击以使文本保持选中状态？

提前致谢。

score 2 · Accepted Answer

您需要为工具栏中的所有 html 元素添加一个属性：

unselectable = "on"

这适用于 IE，不知道其他浏览器。我记得当我尝试通过第 n 个 WYSIWYG HTML 编辑器重新发明轮子的时候。在我决定使用 TinyMCE 之后，即使有时我仍然后悔没有从头开始开发它的乐趣

score 0 · Accepted Answer

在有问题的元素上添加一个事件侦听器，并使函数返回 false - 这将捕获默认行为（即取消选择您的文本）。您需要将 useCapture 设置为 true 才能正常工作。

score 0 · Accepted Answer

当您添加 unselection=on 时，工具栏元素单击将不起作用。这个问题是 IE 特有的，IE Resize Handle Caret when get over toolbar

3 回答 3