evidenzia tutto il testo nell'area testo

Question

Desidero selezionare tutto il testo all'interno di un'area di testo quando un utente fa clic sulla textarea. Ho provato onclick="this.focus()", ma questo non ha fatto nulla. Ho provato onclick="this.highlight()", ma questo ha causato un errore. Cosa dovrei fare?

Answer 1

Ciò potrebbe infastidire gli utenti poiché impedisce il comportamento predefinito utile di posizionare il punto di inserimento in cui l'utente ha fatto clic e pertanto lo consiglio in generale. Detto questo, la soluzione per la maggior parte dei browser è onclick="this.select()".

Tuttavia, questo non funzionerà in Chrome [AGGIORNAMENTO febbraio 2014: ora sembra che funzioni nelle versioni recenti di Chrome]. Per una soluzione e lo sfondo generale su questo problema, vedere la seguente domanda: jQuery - select all text from a textarea

Answer 2

onclick="this.focus()" è ridondante, come il metodo focus() è equivale a fare clic nella textarea (ma pone il cursore alla fine del testo).

highlight() non è nemmeno una funzione, a meno che, naturalmente, non lo si sia creato da qualche altra parte.

Conclusione: fare this.select()

Answer 3

Devi usare la .focus(), così come il .select() funzione Javascript per ottenere il risultato desiderato.

Verificare sul link qui sotto per un esempio:

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> 

ho ottenuto questo codice here

Answer 5

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