自动突出显示焦点上的输入字段

Question

我想知道输入框内是否存在文本方式（使用value =“”预先加载），以便在用户点击它时突出显示？

input type='text' name='url' id='url' value='http://www.a-link.com/' />

编辑

我需要突出显示的文本，以便用户可以复制它。

Answer 1

<input type="text" name="textbox" value="Test" onclick="this.select()" />

Answer 2

您可以将javascript附加到click事件以选择文本，如下所示：

$(document).ready( function() {
  $('#id').click( function( event_details ) {
    $(this).select();
  });
});

有一个潜在的问题，用户可能会尝试在文本中稍后点击以更正输入错误并最终选择整个事情。 更好的方法是在输入从用户获得焦点时触发此操作。 你替换.click与.focus在上面的例子。

jQuery事件文档： http ： //api.jquery.com/category/events/

Answer 3

添加以下onclick属性，以便在用户单击时自动突出显示整个<input> ：

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

或者，如果您希望用户能够在初始单击后更改选择，请将onclick属性更改为onfocus属性。 当用户点击它时，这也会突出显示整个<input> ，但它允许他们之后手动更改突出显示的部分：

<input type="text" value="Test2" onfocus="this.select()" />

以下是两个输入实例的示例。

Answer 4

$('#foo').on('mouseup', function(e){
    e.preventDefault();
    $(this).select();
});

$('#foo').on('mouseup', function(e){
    e.preventDefault();
    $(this).select();
});

Answer 5

您想要使用焦点属性。 像这样： http ： //jsfiddle.net/sCuNs/

HTML

  <p><input type="text" size="40"></p>

CSS

input:focus, textarea:focus{
background-color: green;
}

Answer 6

你的意思是选择文字吗？

使用onclick事件来触发代码：

document.getElementById("target-input-id").select();

Answer 7

这应该这样做：

<input type='text' name='url' id='url' onclick="this.select()" value='http://www.a-link.com/' />

Answer 8

的document.getElementById（ 'inputField'）聚焦（）;

焦点的默认行为选择输入字段中的文本。 当我发现这个时，我正在寻找一个不要那样做的解决方案。