在contentEditable = false时保存用户选择

时间:2015-01-21 16:49:20

标签: javascript

我在我的HTML Javascript App中加入了一个简单的自制WYSIWYG编辑器,方法是使用contentEditable DIV(让我们称之为EDITDIV)和另一个DIV中的一系列编辑按钮。虽然远非辉煌,但它对我和我的用户都有用。

我的问题是每当我需要修改EDITDIV中的文本时,我只需设置contentEditable = false,我仍然希望允许应用程序用户在EDITDIV中选择一些以前可编辑的文本并执行不编辑操作在它上面,例如将它用作搜索字符串。

要做到这一点,用户需要能够在EDITDIV中选择一些文本,然后在EDITDIV之外单击。在这一点上,选择不再是。我的问题是如何保存选择以供以后使用。我可以在每次选择更改时执行此操作,或者在关注EDITDIV时丢失。我尝试了两种技术。我找不到对第一种方法和第二种方法可靠工作的事件(例如onselect,onselectionchange),将contentEditable设置为false会停止焦点,因此onblur事件永远不会发生。

非常感谢。

0 个答案:

没有答案