Zaznacz tekst w obszarze tekstowym po kliknięciu i ustaw w trybie tylko do odczytu

Czasami chcesz udostępnić czytelnikowi fragment kodu w artykule, który może skopiować i wkleić. Aby całość była bezpieczniejsza i wygodniejsza, szukałem sposobu, który z jednej strony uniemożliwi zmianę tekstu w polu tekstowym, a z drugiej całkowicie zaznaczy tekst po kliknięciu w pole tekstowe. Widziałem to częściej w Google Analytics lub Google Adsense, na przykład jeśli chcesz skopiować stamtąd kod. Cała zawartość pola tekstowego jest po prostu oznaczona skryptem i może być zaakceptowana bez zapominania o części.

W praktyce ochrona przed zapisem w obszarze tekstowym jest usuwana wraz z dodatkiem tylko do odczytu="tylko do odczytu" w tagu textarea. To wygląda wtedy tak, na przykład:

<textarea readonly="readonly" cols="14" rows="4">Text für den Schreibschutz</textarea>

Rzecz o automatycznym oznaczaniu zawartości pola tekstowego można zrobić bardzo łatwo dzięki dodaniu onclick=”to.wybierz();” rozwiązywać. Jeśli dodasz to do naszego przykładowego kodu, będzie to wyglądać tak:

<textarea readonly="readonly" onclick="this.select();" cols="14" rows="4">Text für den Schreibschutz</textarea>

Działa świetnie i jest bardzo łatwy do wdrożenia. Tutaj możesz zobaczyć przykład w akcji:

Jen Kleinholz( Założyciel i Sir Apfelot )

Jens prowadzi bloga od 2012 roku. Pełni rolę Sir Apfelot dla swoich czytelników i pomaga im w problemach natury technicznej. W wolnych chwilach jeździ na elektrycznych monocyklach, robi zdjęcia (najlepiej iPhonem oczywiście), wspina się po górach Hesji lub wędruje z rodziną. Jego artykuły dotyczą produktów Apple, nowości ze świata dronów czy rozwiązań aktualnych błędów.