ページロード時にフォーカスを当ててそのまま入力できるようにしたい

Question

ページロード時にフォーカスを当てることはできているのですが、
そのまま入力しても何も表示されない状態になってしまいます。
原因がわからなかったので質問させていただきます。
よろしくお願いします。

<script type="text/javascript">
window.onload = function () { 
        $('#number').focus();
        $('#number').select();
    };
</script>

//フォームの中のテキストボックス
<p>ナンバー<input type="tel" class="status_numberForm" id="number"></p>

Comments

[kszk311]

取り急ぎ<p">を<p>に直してください

[cofee]

失礼いたしました。変更しました。

[kszk311]

入力した文字が普通に表示されるので、現象を確認できません。開発ツールを開いた時、コンソールに何かエラー表示されていませんか？

[x_x]

確認しているブラウザは何でしょうか？　また、提示されたコードで再現しますか？

[cofee]

kszk311さん>コンソールには何も表示されていません。

[cofee]

x_xさん>chromeです。質問に書いてあるコードで行っています。

[x_x]

Chromeで再現しません。「フォーカスを当てることは出きている」のはどのように確認しましたか？ 拡張機能やほかのスクリプトは動いていないでしょうか？

[cofee]

x_xさん　ページを開いた際にテキストボックスの周りが青くなり、何か入力するとテキストボックスの下に候補としていくつか表示されます。ですが入力してもテキストボックスには表示されない状態です。

[m.ts10806]

texteareaに変えた場合はどうでしょうか。

Answer 1

とりあえず、jQueryをつかっているならwindow.onloadはやめて

$(function(){
  $('#number').trigger("focus").trigger("select");
});

Comments

[cofee]

回答ありがとうございます。
参考になります。