自動突出顯示焦點上的輸入字段

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'）聚焦（）;

焦點的默認行為選擇輸入字段中的文本。 當我發現這個時，我正在尋找一個不要那樣做的解決方案。