jQuery 入力フォーカス時にすべて選択 質問する

jQuery 入力フォーカス時にすべて選択 質問する

このコードを使用して、ユーザーがフィールドにフォーカスしたときにフィールド内のすべてのテキストを選択しようとしています。何が起こるかというと、一瞬すべてが選択された後、選択が解除され、入力カーソルがクリックした場所に残ります...

$("input[type=text]").focus(function() {
   $(this).select();
});

すべて選択されたままにしておきたいです。

ベストアンサー1

clickの代わりにを使ってみてくださいfocus。マウス イベントとキー イベントの両方で機能するようです (少なくとも Chrome/Mac では)。

jQuery < バージョン 1.7:

$("input[type='text']").click(function () {
   $(this).select();
});

jQuery バージョン 1.7 以上:

$("input[type='text']").on("click", function () {
   $(this).select();
});

デモはこちら

おすすめ記事