HTML 表单中的框架，Tab 键如何工作？答案

【问题标题】：Frame within a HTML-Form, how Tab Key works?HTML 表单中的框架，Tab 键如何工作？
【发布时间】：2014-04-30 07:46:20
【问题描述】：

我有一个带有很多输入的 HTML 表单。中间是 WYSIWYG-Editor (Xinha) 的框架。您可以从一个输入跳到下一个输入。因此，您可以从第一个输入开始，然后使用 Tab 键转到最后一个。但它不会跳入框架并跳出。我怎样才能改变它？我怎样才能给 Frame 一个制表符？选项卡索引没有帮助。

谢谢

燃烧器

【问题讨论】：

标签： javascript jquery html iframe frames

【解决方案1】：

如果您的 WYSIWYG 编辑器无法做到这一点，您将需要向两个站点添加事件侦听器。表单站点中每个表单元素的关键事件侦听器和框架站点中的选项卡的一个。您还需要主页中的自定义事件，您可以从内部框架触发该事件。然后，此事件应将焦点从框架转移到下一个表单元素。此外，您的关键侦听器应通过阻止默认操作手动将焦点转移到下一个字段。

据我所知，TinyMCE 默认使用 (i) 框架作为编辑器内容。也许您还应该查看 TinyMCE 以获得更简单的解决方案。

【讨论】：

辛哈无法改变。看来我不会来实现这么多事件监听器。

【解决方案2】：

您确定要使用 Frame for WYSIWYG 编辑器吗？

试试CK Editor，Tab 可以正常工作。

【讨论】：

【解决方案3】：

内部框架没有跨浏览器的方式。您可以在父表单和子表单中挂钩 keydown 事件，但这是一条肮脏且未铺砌的道路。更好的方法是寻找一个无需 iframe 即可管理的更好的编辑器。

如果您的编辑器实际上不需要 iframe（他们只是建议将其放入其中），也许您可以尝试 $.load() -将其放入 div 中。

【讨论】：

是的，keydown 和/或 key 释放有一种跨浏览器的方式。你听说过 jQuery 吗？在每个新的浏览器事件中都可以正常工作（IE 7 及更高版本）。
那就试试吧。专注于最初的问题，想出一个可行的解决方案来帮助提问者，当你这样做的时候，让其他人说出他们的经历。谢谢。非常感谢您的反对。
我这样做了，因为您的回答与我上面关于内容错误的描述一样。