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

我有一個輸入文本框，其中包含一些文本，onclick事件我想運行一個javascript函數來選擇（突出顯示）此框中的所有文本，我可以用jQuery來做到這一點？使用jQuery突出顯示（選擇）文本框中的所有文本

2010-06-09 Spyros

你可以看看this article：

讓我們假定我們有如下文字輸入：
<input type="text" id="txtInput" /> 
在大多數情況下，我們希望有可用於在我們網站上的所有文本框這個功能，因此我們將創建一個函數來處理這個，並根據需要調用它。使用期望的參數調用此函數將使執行文本的突出顯示。
function selectAllText(textbox) { 
textbox.focus(); 
textbox.select(); } 
假設你正在開發對DotNetNuke的5，或者已經jQuery的已經導入到你的網站，添加下面的jQuery到您的網站爲每個文本框。（如果你有很多的文本框，我們可以做到這一點不同，但是這是一個不同的職位。）
jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) }); 

來源

2010-06-09 11:15:49

你可以這樣做：

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

當然，你不能單擊元素以選擇輸入的任意一點，所以它可能是更好的開火focus的而不是事件click

Quick Demo w/ click或w/ focus

來源

2010-06-09 11:15:30 gnarf

這是像Pinky gnarf過去說pinky和大腦？ – Zoidberg 2010-06-09 11:20:30

@Zoidberg - 不會，那會是'narf' ---雖然發音相同，但'gnarf'只是我的姓氏倒退。 – gnarf 2010-06-09 11:22:25

無需jQuery的，這是與DOM簡單，所有的主流瀏覽器的工作原理：

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

如果必須使用jQuery做，有非常小的差別是：

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

來源

2010-06-09 11:21:52

不知道這是否會在IE 6中工作...但誰在乎！嘿嘿呵呵 – Zoidberg 2010-06-09 15:42:54

會的。我敢肯定，非jQuery版本將在IE 3中工作。當然，IE 4。 – 2010-06-09 16:00:55

我知道這是不是jQuery的，但對於一個完整性

onclick="this.select();"

例如：

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

來源

2012-12-24 18:37:20

這個最適合我nswers這個問題，你可以在文本輸入本身使用。

$('myTextbox').select();

來源

2013-10-21 07:21:10

哪裏我一般就這麼做是

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

的，我想填在第一個文本框這樣，如果我保持狀態。如果用戶回溯到頁面，則它會自動突出顯示所有文字以進行打字。

有用的技術，如搜索框的東西...

來源

2014-06-24 20:28:43 Mac

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

回答

相關問題