Mar*_*ius 3 javascript contenteditable
我对contenteditable div有问题.当我想在其上执行一个简单的命令(如粗体或斜体)时,我会执行以下操作:
现在当我尝试做一些更困难的事情时会出现问题.例如,我想显示一个带有输入字段的自定义对话框:
这个问题是,只要一个输入元素被聚焦,不仅我的contenteditable div失去了焦点 - 它也会失去选择并在我重新聚焦它时立即将光标移动到开头.
所以我的问题是:在关注另一个输入元素后,我如何阻止一个可信的div失去其选择？
如果输入和contenteditable元素在同一文档中,您将无法阻止contenteditable元素中的选择被销毁.但是,您可以执行的操作是在输入框获得焦点之前保存选择,并在关闭对话框后恢复选择.
这是一些简单的示例代码:
这是一个更全面的例子:
如果将input或contenteditable元素放在单独的iframe中,大多数浏览器(尽管不是IE)将保留原始选择.