使用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();
}

对于我想填写的第一个文本框。如果我保留状态那样; 如果用户回溯到该页面，则会自动突出显示所有内容以进行切换。

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