javascript - 将焦点设置到嵌套 iframe 中的文本框

Question

我在我的应用程序中使用 TinyMce。所以，我有嵌套的 body 元素和 iframe。一个来自我的 html 页面，一个来自 TinyMce。在 tinymce 的正文中，我在 div 后面附加了许多文本框。他们的 id 是 hello1、hello2 等。

如何将焦点设置为“hello1”？

这段代码：

$iframe.contents().find('body').find('hello1')

返回正确的文本框。

但是这个：

$iframe.contents().find('body').find('hello1').focus()

不起作用。如何解决这个问题？

score 0 · Accepted Answer

尝试这个：

$iframe.contents().find('body').find('hello1').focus()->$iframe.contents().find('#hello1').focus()

在我看来，您只是缺少#ID 选择器中的。lonesomeday 也是对.find('body')的，不需要，因为.contents()已经包含了你的元素。

score 0 · Accepted Answer

我相信您需要同时关注元素和相关的iframe. 实际上，每个框架都是一个不同的窗口，因此每个框架都可以有一个焦点元素。所以只有focussed中的focussed元素iframe才会被实际选中。

$iframe.focus().contents().find('#hello1').focus()

同样，正如其他人所说，您还需要#hello1，而不仅仅是hello1，通过它来选择元素id。另请注意，您可以删除.find('body')，因为据推测id文档中只有一个元素。

2 回答 2