390

テキスト ボックスを含む Web フォームがあります。デフォルトでテキスト ボックスにフォーカスを設定するにはどうすればよいですか?

このようなもの：

<body onload='setFocusToTextBox()'>

誰でも私を助けることができますか？JavaScript でテキスト ボックスにフォーカスを設定する方法がわかりません。

<script>
  function setFocusToTextBox(){
    //What to do here
  }
</script>
4

12 に答える 12

660

これを行う。

あなたの要素がこのようなものであれば..

<input type="text" id="mytext"/>

あなたのスクリプトは

<script>
function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}
</script>
于 2013-07-06T07:21:02.943 に答える
22

プレーンな Javascript の場合は、次のことを試してください。

window.onload = function() {
  document.getElementById("TextBoxName").focus();
};
于 2013-07-06T07:21:42.060 に答える
3

私はこれを使用していました：

<html>
  <head>
    <script type="text/javascript">
      function focusFieldOne() {
        document.FormName.FieldName.focus();
      }
    </script>
  </head>

  <body onLoad="focusFieldOne();">
    <form name="FormName">
      Field <input type="text" name="FieldName">
    </form>
  </body>
</html>

そうは言っても、HTML 5 では autofocus 属性をそのまま使用できます。

注意: この古いスレッドを更新して、質問された例と、まだこれを読んでいる人のための新しい簡単な更新を示したいと思いました。;)

于 2016-07-08T02:10:07.230 に答える
0

これを試して：

$('.modal').on('shown.bs.modal', function () {
        setTimeout(function() {
                $("input#yourFieldId").addClass('modal-primary-focus').focus();
            },
            500);
    });
于 2022-01-11T13:13:04.860 に答える