jHtmlArea jQueryプラグインにフォーカスを設定します
-
06-07-2019 - |
質問
ページで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(); }
所属していません StackOverflow