Javascript 使用jQuery突出显示（选择）文本框中的所有文本

我有一个输入文本框，其中有一些文本，单击事件我想运行javascript函数来选择（突出显示）该框中的所有文本，我如何使用jquery实现这一点？

您可以这样做：

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

当然，您不能单击元素来选择输入中的任意点，因此最好在

焦点

上触发该事件，而不是

单击

或者

您可以查看：

假设我们有以下文本输入：

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

假设您正在开发DotNetNuke 5，或者已经将jQuery导入到您的网站中，请为每个文本框向您的网站添加以下jQuery。（如果你有很多文本框，我们可以用不同的方式，但这是针对不同的帖子的。）

---

不需要jQuery，这对于DOM很简单，适用于所有主流浏览器：

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

如果您必须使用jQuery，那么两者之间的差别很小：

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

---

我知道这不是jquery，但是为了完整地回答这个问题，您可以在文本输入本身上使用它：

 onclick="this.select();"

例如：

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

---

这对我最合适

$('myTextbox').select();

---

我通常这样做的地方是在

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

我要填写的第一个文本框。 这样，如果我保持状态；如果用户回溯到页面，那么它会自动为typeover突出显示所有内容

---

搜索框之类的有用技术…

@Zoidberg-不，那将是

narf

——虽然发音相同，

gnarf

只是我的姓氏倒转。不确定这是否适用于IE 6。。。但是谁在乎呢！！嘿嘿嘿，会的。我非常肯定非jQuery版本将在IE3中工作。当然可以。

$('myTextbox').select();

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