jQuery选择并取消选择文本框文本

时间:2010-11-12 12:14:51

标签: jquery

我想要像文本框焦点事件一样的功能我想选择文本框的文本,点击文本框我想检查文本框中的文本是否被选中然后取消选择其他明智的选择。

为此我添加了如下代码:

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

我应该在点击事件上添加什么代码,以便它可以满足要求

谢谢&此致

Munish

2 个答案:

答案 0 :(得分:0)

如果您想让用户能够覆盖已经存在的内容,您可以将其设置为空白:

$('input').focus(function(){
  $(this).val('').removeClass('default-value');
});

$('input').blur(function(){
  if ($(this).val()=='')
    $(this).val('default value').addClass('default-value');
});

addClass / removeClass位不是必需的...它们就在那里,以便您可以将默认值显示为灰色或斜体或其他内容(如果您愿意)。对我来说,这看起来很专业。

答案 1 :(得分:0)

.select() method上的jQuery dox如下所示:

  

检索当前所选文本的方法因浏览器而异。许多jQuery插件提供跨平台解决方案。

所以从表面看来,您似乎必须沿着插件路线走下去,以确定输入控件中是否选择了文本。

我还要回应Felix的警告,即你所做的事情会干扰用户对点击时输入文本元素行为的期望,并且你应该仔细考虑你的要求是否真的表明这是要走的路。< / p>