Javascript 动态创建的文本框不允许编辑、不显示或

我使用的是jQuery1.12.3

为了解决这个问题，我简化了下面的HTML结构

$'.question'。单击函数{ var old_value=$this.text；//获取现有值 //创建动态文本字段并将其值设置为旧值 var txt=$； //清除正在编辑的单元格并插入动态文本框 $this.empty.appendtxt； //自动聚焦文本框并选择其中的所有文本 txt.focus； txt.select； }; //处理动态文本字段上的返回键事件 $document.on'keyup'，'.txt'，functione{ 如果e.keyCode==13{ //获取文本框中的当前值 var txt=$this.val； var td=$this.parent； //用文本框中的值替换单元格内容 //这将导致文本框被移除，这是所需的 td.htmltxt； //现在查找下一个要编辑的单元格 var next_question=td.parent.next.find'.question'.first； //在下一个单元格上触发click事件。 下一个问题。点击； } }; 桌子{ 边界塌陷：塌陷； 字体系列：arial； 字体大小：12px； 宽度：350px； } td.问题{ 边框：1px实心ddd； 字体大小：粗体； 宽度：250px； } .txt{ 颜色：红色； 背景色：def； } 单击任意一个值，就可以进行编辑。 按回车键移动到并编辑下一个字段。 名字 艾哈迈德 姓 穆塔瓦 你的年龄 22

---

为什么你不使用无风格的输入字段而不是创建新的输入字段？@Justinas你能详细解释一下吗？或者指向文档？在不活动时从输入元素中删除背景、边框和其他样式，以仅显示文本。输入：焦点可用于选择具有焦点的输入元素，以应用CSS使其看起来像活动输入