Javascript 所需的功能类似于谷歌联系人-“；“新联系人”；

我正在创建一个类似于谷歌联系人（以及iPhone的“新联系人”设置）的“联系人”表单，我需要一个类似的JS解决方案。该功能将是非常相似的，我想有电子邮件，电话，传真等标准字段。。。但一旦输入，您可以选择将其指定为家庭、工作、移动等，并可以选择添加其他条目

---

我知道这可能是一个暗箱操作，但有谁熟悉在线解决方案来实现这一点？TIA

看起来你的基本问题是你的focusout处理器；如果你删除了它，那么一切都正常（除了你的联系人类型用户界面挂起）。我建议：

A） 让focusout处理程序检查其e.target，如果e.target是具有联系人类型的div，则返回false（然后在click事件解析后清除联系人类型选项）

---

B） 使用不同的机制来清除联系人类型选项

@Leetylor我会做一把小提琴，一秒钟我想这就是你所指的问题。这引起了很多头痛，但不幸的是似乎有必要。我已经完成了流程的第一部分（显示和切换电话/电子邮件类型），但是整合下一部分（添加新的输入字段）让我头晕目眩。呵呵，我不知道有这么一个问题，但是的，这似乎是正确的。但是，您的评论与您的JSFIDLE不匹配；提琴使它看起来像焦点是你的问题，但如果你的评论是正确的，并且你已经解决了这一部分，你真的应该更新你的提琴。我上周就这样发布了；）必须在父div上使用一些“tabindex”魔术来解决这个问题。JSfiddle是我的最新版本，所以对于您所指的焦点问题，我可能有点困惑。你是说出现了“未定义”的错误吗？我根本不知道另一篇文章。23分钟前，您链接了jsfiddle.net/nosfan1019/MVRrs。当我转到那个提琴，点击输入，然后尝试点击一个联系人类型，联系人类型选项就会消失。因为你最初的问题没有明确说明你的实际问题是什么，所以我认为是它（因此，这就是我的答案所指的）。奇怪的是，我没有这个问题。你在运行什么浏览器？