HTML：contentEditable 的麻烦答案

【问题标题】：HTML: contentEditable troublesHTML：contentEditable 的麻烦
【发布时间】：2011-03-26 00:51:10
【问题描述】：

我有这个简单的 HTML：

<html><body>
<input><div contenteditable="true" style="border:1px #7f9db9 solid; width:100px; height:20px;"></div>
</body></html>

它显示了两个输入框。当我在第二个输入框中输入一些内容，然后在行的最开头（按 Home 键），然后我按 Backspace，文本在第一个输入框的末尾跳转...我运行最新的 Firefox。

为什么文本没有按预期保留在其框中？

【问题讨论】：

【解决方案1】：

不知道为什么你有<input>

另外——你也可以试试这样的：

<div id="editable" contentEditable="true"  >
    <span contentEditable="True" >Text to delete</span>
</div>

【讨论】：