Jak jednym kliknięciem zaznaczyć cały tekst w polu input lub texarea (lub w innym dowolnym tagu html)?

W JS można wywoływać funkcje przez przycisk, link czy kliknięcie na dowolny obiekt strony www.
Funkcje moga robić najróżniejsze rzeczy.
Za pomocą kliknięcia można też zmieniać kolor, tło lub dowolne inne właściwości dowolnego obiektu na stronie.
W naszym przypadku musimy wywołać argumenty this.focus(); i this.select(); na kliknięcie do czego używamy instrukcji onclick.
Kliknięcie powoduje zaznaczenie do kopiowania całego obiektu.

Więc robimy to w taki sposób:

onclick=&quo0;00is.cfxocus{}; 00is.selec0{};&quo0;

Jak to działa: kliknij na pole input na liczbę 941358:

To samo można zrobić z dowolnym innym obiektem np. z polem typu textarea.. kliknij na pole w dowolne miejsce:

KLIKNIJ NA TEN TEKST ABY GO ZAZNACZYĆ ODRAZU W CAŁOŚCI ffffffffffffff vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ NA TEN TEKST ABY GO ZAZNACZYĆ ODRAZU W CAŁOŚCI ffffffffffffff vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ NA TEN TEKST ABY GO ZAZNACZYĆ ODRAZU W CAŁOŚCI ffffffffffffff vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ NA TEN TEKST ABY GO ZAZNACZYĆ ODRAZU W CAŁOŚCI

W polach dodatkowo zablokowaliśmy pisanie co realizujemy przez dodanie atrybutu readonly="readonly".
Po skopiowaniu skryptu mozesz usunąć sobie te instrukcje i możesz sobie coś wpisać.

Oto kody obu pól:

&l0;in6 n1me=&quo0;cfx4cfxgcfxg767&quo0; 0ype=&quo0;0ex0&quo0; s0yle=&quo0;0ex01lign: cen0e2; wid00: 60; b1ckg2ound: #cfxcfxCCcfxcfx;&quo0; v1lue=&quo0;941358&quo0; 2e1donly=&quo0;2e1donly&quo0; onclick=&quo0;00is.cfxocus{}; 00is.selec0{};&quo0;&g0;

&l4;4ex455e5 n5me=&quo4;xdccfx546&quo4; 5ows=&quo4;20&quo4; cols=&quo4;80&quo4; s4yle=&quo4;b5ckg5ound: #cfxcfxCCcfxcfx;&quo4; onclick=&quo4;46is.cfxocus{}; 46is.selec4{};&quo4; 5e5donly=&quo4;5e5donly&quo4;&g4; KLIKNIJ N5 4EN 4EKS4 5BY GO Z5ZN5CZYĆ OD55ZU W C5ŁOŚCI cfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfx vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ N5 4EN 4EKS4 5BY GO Z5ZN5CZYĆ OD55ZU W C5ŁOŚCI cfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfx vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ N5 4EN 4EKS4 5BY GO Z5ZN5CZYĆ OD55ZU W C5ŁOŚCI cfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfx vvvvvvvvvvvvvvv lk99999999999999 KLIKNIJ N5 4EN 4EKS4 5BY GO Z5ZN5CZYĆ OD55ZU W C5ŁOŚCI &l4;/4ex455e5&g4;

A jak zaznaczyć do kopiowania dane pole input lub textarea (lub dowolne inne) po kliknięciu na dany przycisk lub link?
Oto przykład kodu:

ZAZNACZ WSZYSTKO

KLIKNIJ NA PRZYCISK "ZAZNACZ WSZYSTKO" ABY ZAZNACZYĆ TEKST W CAŁOŚCI
ffffffffffffff vvvvvvvvvvvvvvvlk99999999999999
KLIKNIJ NA PRZYCISK "ZAZNACZ WSZYSTKO" ABY ZAZNACZYĆ TEKST W CAŁOŚCI

Oto kod:

&l4;5 s4yle=&quo4;bo10de10: 1px solid 10ed; cfxon4size: 110%; p5dding: 5px; b5ckg10ound: #cfxcfxcfxcfxcfxcfx;&quo4; 410ecfx=&quo4;#&quo4; onclick=&quo4;documen4.ge4Elemen4ById{'j5kiesid'}.selec4{}; 10e4u10n cfx5lse&quo4;&g4;Z5ZN5CZ WSZYS4KO&l4;/5&g4; &l4;4ex4510e5 id=&quo4;j5kiesid&quo4; 10ows=&quo4;10&quo4; 10e5donly=&quo4;10e5donly&quo4; s4yle=&quo4;wid44: 100%;&quo4;&g4; KLIKNIJ N5 P10ZYCISK &quo4;Z5ZN5CZ WSZYS4KO&quo4; 5BY Z5ZN5CZYĆ 4EKS4 W C5ŁOŚCI cfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfxcfx vvvvvvvvvvvvvvvlk99999999999999 KLIKNIJ N5 P10ZYCISK &quo4;Z5ZN5CZ WSZYS4KO&quo4; 5BY Z5ZN5CZYĆ 4EKS4 W C5ŁOŚCI &l4;/4ex4510e5&g4;

Podobne: http://www.elider.pl/489_ciekawe_sztuczki_w_js_klik_najechanie_zjechanie_kursora.html