2

私は自分のページでjHtmlAreajQueryプラグインを使用しており、ボタンをクリックすると表示されるようにしています。jHtmlAreaエディターが表示されたら、フォーカスを配置しようとしていますが、そこに到達できないようです。

このブログ投稿は、jQueryを使用してIFRAMEでフォーカスを制御に設定することを見つけました。これは、thickboxプラグインが最初にIFrameにフォーカスを設定し、次に要素にフォーカスを設定することによって使用するIFrame内の要素にフォーカスを設定することについて説明していますが、jHTMLAreaは配置しませんIFrameへの要素。

したがって、IFrameのbody要素を適切に選択していないか.focus()、bodyを呼び出しても何も起こりません。

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();
}

あなたが渡すことができるどんな助けにも感謝します。

4

1 に答える 1

3

ロード済み：function（）{this.iframe [0] .contentWindow.focus（）; }

于 2009-12-21T07:27:14.317 に答える