LoginSignup
8
3

jQuery UI Dialogでオープン時のフォーカスを外す

Last updated at Posted at 2016-03-02

jQuery UI Dialog

最初の入力部品にフォーカスが当たってしまうのを対処します。
以下のように、openイベントであれこれやってもダメな場合。

$("#dialog").dialog({
    ...
    open: function(event, ui) {
        $(this).find('input').blur();
    }
});

ダイアログを表示するhtmlに以下のようなダミーを追記する。
とりあえず、これでうまくいきました。

<span class="ui-helper-hidden-accessible"><input type="image"/></span>

inputタイプが image なのは、text とかだとスマホで表示した場合にキーボードが出てきてしまうためです。
ダイアログの詳しいドキュメントはこちら。
Dialog | jQuery UI

以下、追記(2023/08/04)
ダミーでうまくいかない場合は、以下 hidden タグの追加でフォーカス外れます。

<input type="hidden" autofocus="autofocus" />
8
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
3