将焦点设置为嵌套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()

不起作用。怎么解决这个问题？

Answer 1

试试这个：

$iframe.contents().find('body').find('hello1').focus() - ＆gt; $iframe.contents().find('#hello1').focus()

我认为您错过了ID选择器中的#。另外，lonesomeday是正确的，.find('body')是不需要的，因为.contents()已经包含了你的元素。

Answer 2

我认为你需要关注元素和相关的iframe。每个帧都是一个不同的窗口，因此每个帧都可以有一个聚焦元素。因此，实际上只会选择焦点iframe中的焦点元素。

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

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