jHtmlArea jQueryプラグインにフォーカスを設定します

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

質問

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

このブログ投稿 jQueryを使用して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();
}

お問い合わせいただきありがとうございます。

役に立ちましたか？

解決

  

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top