Jak zaznaczyć po kliknięciu zawartość pola textowego w JS (jQuery) ? (input type text, textarea) w celu łatwiejszego kopiowania ?

Czasami zdarza się że chcemy zrobić pole tekstowe typu textarea, lub input type text w którym zamierzamy przedstawić tekst w formie łatwej i przystępnej do skopiowania.

Aby wykonać takie pole potrzebujemy mieć załadowaną bibliotekę jquery.

<source lang="html4strict">

   <input style="width:350px;" type="text" value="abcdefgh" onclick="$(this).select();" readonly>

</source>

Taki tekst, po kliknięciu w dowolne miejsce zostanie cały zaznaczony na niebiesko ułatwiając kopiowanie ;).