突出顯示textarea中的所有文本

Question

我想在用戶單擊textarea時選擇textarea內的所有文本。我試過onclick="this.focus()"，但這沒有做任何事情。我試過onclick="this.highlight()"，但是這造成了一個錯誤。我該怎麼辦？

Answer 1

這可能會惹惱您的用戶，因爲它會阻止在用戶點擊時放置插入符的有用默認行爲，因此我建議您一般不要這樣做。也就是說，大多數瀏覽器的解決方案是onclick="this.select()"。

但是，這不適用於Chrome [更新2014年2月：它現在似乎在最新版本的Chrome]。有關此問題的解決方法和一般的背景，看到以下問題：jQuery - select all text from a textarea

Answer 2

onclick="this.focus()"是多餘的，因爲focus()方法是一樣的點擊textarea的（但將光標置於在文本的末尾）。

highlight()甚至不是一個函數，除非你創建它在別的地方。

結論：做this.select()

Answer 3

您必須使用.focus（）還有。選擇（）JavaScript函數，以達到預期的效果。

檢查下面的鏈接中的示例：

http://www.plus2net.com/javascript_tutorial/textarea-onclick.php

Answer 4

<script type="text/javascript"> 
function SelectAll(id) 
{ 
    document.getElementById(id).focus(); 
    document.getElementById(id).select(); 
} 
</script> 

Textarea:<br> 
<textarea rows="3" id="txtarea" onClick="SelectAll('txtarea');" style="width:200px" >This text you can select all by clicking here </textarea> 

我得到這個代碼here

Answer 5

onclick="this.focus();this.select()" readonly="readonly"