使用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 /焦点