在輸入欄中選擇文字

Question

我在這里轉圈。 以為我可以解決這個問題，問了一個更早的問題卻又被卡住了。 具有多個包含文本和數字輸入字段的面板的簡單表單。 當用戶單擊中的選項卡時，或應選擇該輸入字段文本的內容時。 我開始看這篇文章，也看了jquery的焦點並進行選擇。 似乎沒有任何作用。 單擊輸入字段時，似乎沒有高亮顯示已存在的文本。

謝謝

這是我嘗試過的一些方法：

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

$('#itemPanel :input[type="text"]').each(function() {
  $(this).click(function() {
    console.log("I was clicked in");
  });
});

Answer 1

要自動選擇輸入框中的文本，我建議您在示例中使用click事件而不是focus事件。

這似乎也寫在您發布的代碼示例鏈接中。 http://www.electrictoolbox.com/jquery-select-function/ （注意如何使用click而不是focus ）

嘗試這個：

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

- 編輯

根據評論中的一些反饋，存在指向另一個類似問題的鏈接，該問題建議如下：

$('input[type=text]').focus(function() {
  $('input[type=text]').select().one('mouseup', function(e) {
    e.preventDefault();
  });
});

Answer 2

如何使用on focus

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

您也可以使用mouseup

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

小提琴