将焦点设置为jHtmlArea jQuery插件

StackOverflow https://stackoverflow.com/questions/1615861

题

我在我的页面上使用了jHtmlArea jQuery插件，我点击了一个按钮即可看到它。现在我正在尝试将焦点放在jHtmlArea编辑器中，一旦它显示出来，但似乎无法到达那里。

我确实找到了这篇博文使用jQuery在IFRAME中设置焦点控制，这里讨论的是通过首先将焦点设置到IFrame来将焦点设置到IFrame内部的元素中然后到元素，但jHTMLArea不会将任何元素放入其IFrame。

所以要么我没有正确选择IFrame的body元素，要么调用 .focus（）给我的身体没有任何帮助。

这是jHtmlArea正在生成的输出：

<div class="jHtmlArea" style="width: 498px;">
  <div class="ToolBar" style="width: 496px;">
    <ul>
      ... removed toolbar code for briefness
    </ul>
  </div>
  <div>
    <iframe style="height: 256px; width: 494px;">
      <html>
        <head>
          <link rel="stylesheet" type="text/css" href="jHtmlArea.Editor.css"></link>
        </head>
        <body>
           <br _moz_editor_bogus_node="TRUE" _moz_dirty=""/>
        </body>
      </html>
    </iframe>
  </div>
  <textarea id="TxtAreaDescription" rows="15" cols="60" name="TxtAreaDescription" style="display: none;"/>

以下是我尝试过的一些内容：

var iframe = $("iframe");
if (iframe != null) {
    $(iframe).focus();
    $(iframe).contents().find("body").focus();
}

感谢您提供的任何帮助。

有帮助吗？

解决方案

  

loading：function（）{               this.iframe [0] .contentWindow.focus（）;           }

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top