jQuery.html（）插入输入字段在IE11中不起作用

Question

我对jQuery的.html方法有疑问。 我正在使用以下事件在双击它时在表行中插入一个输入字段。 一切在Google Chrome和Firefox中都可以正常工作-但在Internet Explorer 11中无法正常工作。

代码如下：

$(document).on('dblclick', '.myTable tbody tr td:not(:first-child)', function () {
  var originContent = this.innerText;
  $(this).html('<input type="text" value="' + originContent + '">')
  $(this).children().focus();
});

我还尝试通过以下方式插入输入字段：

$(this).html($('<input />', {
 type: "text",
 value: originContent
}));

但这是行不通的。 IE11控制台中没有错误-只是不替换innerHTML。 但是请注意：如果我尝试用数字或.html（1234）或.html（'string'）之类的数字替换调试会话中的内部html，则它会起作用。

我究竟做错了什么？ 还有其他人注意到这样的问题吗？

Answer 1

我不知道为什么，但显然如何$（this）.children（）。focus（）; 使其崩溃或阻止在IE中显示。

编辑：错误是由于我处理的错误事件而导致的。 我的第一个事件是双击表行做出的反应-在添加html输入字段之后，我将焦点更改为输入元素。

但是我的第二个事件处理程序应该对输入元素之外的焦点做出反应，但是我错过了选择器中的输入。 因此，每次单击表行时，我都会插入输入并删除输入。 那么为什么它在Chrome中能正常工作仍然很奇怪，猜想它只知道我想要的是__（ツ）_ /