使用jQuery突出顯示（選擇）文本框中的所有文本

Question

我有一個帶有一些文本的輸入文本框，onclick事件我想運行一個javascript函數來選擇（突出顯示）此框中的所有文本，我如何用jquery做到這一點？

Answer 1

不需要jQuery，這對於DOM很簡單，適用於所有主流瀏覽器：

input.onfocus = function() { this.select(); };

如果你必須使用jQuery，那么差別很小：

$(input).focus(function() { this.select(); });

Answer 2

你可以看一下這篇文章 ：

我們假設我們有以下文本輸入：

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

在大多數情況下，我們希望將此功能提供給我們網站上的所有文本框，因此我們將創建一個處理此功能的函數，並根據需要調用它。 使用期望的參數調用此函數將使執行突出顯示文本。

 function selectAllText(textbox) { textbox.focus(); textbox.select(); } 

假設您正在開發針對DotNetNuke 5，或者已將jQuery導入您的網站，請為您的網站添加以下jQuery以用於每個文本框。 （如果你有很多文本框，我們可以采用不同的方式，但這是針對不同的帖子。）

 jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) }); 

Answer 3

你可以這樣做：

$('input').click(function() {
 // the select() function on the DOM element will do what you want
 this.select();
});

當然，那么你不能點擊元素來選擇輸入中的任意一個點，所以最好在focus上觸發該事件而不是click

快速演示w /單擊或w /焦點

Answer 4

這對我來說效果最好。

$('myTextbox').select();

Answer 5

我知道這不是jquery，但是為了完整地回答這個問題，你可以在文本輸入上使用它：

 onclick="this.select();"

例如：

<input type="text" value="abc" onclick="this.select();"/>

Answer 6

我通常這樣做的地方是

$(document).ready(function () {
    $('#myTextBox').focus();
    $('#myTextBox').select();
}

對於我想填寫的第一個文本框。如果我保留狀態那樣; 如果用戶回溯到該頁面，則會自動突出顯示所有內容以進行切換。

搜索框之類的有用技巧......