1. ホーム
  2. jquery

[解決済み] jquery input select all on focus

2022-03-16 10:45:18

質問

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

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

すべて選択したままにしたい。

どのように解決するのですか?

を使ってみてください。 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();
});

デモをご覧いただけます。