在输入框上模糊后，不再看到keydown事件

Question

我做了一个div，当你按“e”时，它会在文本上放置一个文本框。当您按Tab键时，它会获取内容并将它们放入div中。

然而，在这种情况发生之后，它再也不会识别关键事件，直到你再次点击窗口（我90％肯定它会转到地址栏 - 至少这就是它现在在jsfiddle链接中为我做的事情下面 - 但是在这一点上已经尝试了很多事情，我有相互矛盾的经历。）

http://jsfiddle.net/gt05Lwx4/

StackOverflow won't let me link to jsfiddle without having a code block (wtf?)

Answer 1

解决此问题的一种方法是让#container关注的tabindex值大于临时文本框的值。然后让浏览器的默认操作使用tabindices（默认行为将焦点转移到具有下一个更高tabindex的元素）。

演示：http://jsfiddle.net/gt05Lwx4/2/

代码：

<div id="container" tabindex="2"></div>

当您添加文本框时，请执行以下操作：

var textBox = $('<input type="text" tabindex="1" name="name"></input>')
...