• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Automatyczne kopiowanie do schowka Input

Object Storage Arubacloud
0 głosów
944 wizyt
pytanie zadane 29 października 2018 w JavaScript przez blua24 Nowicjusz (140 p.)

Witam,

wiem, że są już podobne tematy ale nigdzie nie znalazłem tego czego dokładnie szukam. Chodzi mi głównie o to, że chciałbym umieścić tekst w inpucie i klikając jednym kliknięciem w tego inputa, skrypt automatycznie kopiował mi zawartość do schowka (bez żadnych buttonów itp).

Znalazłem tego troche na: https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript/30810322#30810322 lecz tutaj kopiowanie polega na kliknięciu w button.

    <input value="Tekst który chce skopiować">

 

1 odpowiedź

0 głosów
odpowiedź 29 października 2018 przez k.wichura Pasjonat (19,870 p.)
input.addEventListener('input', function (evt) {
    schowek = evt.target.value
});

 

komentarz 29 października 2018 przez blua24 Nowicjusz (140 p.)
Super, dzięki za odpowiedz :) Ale coś mi tu nie pyka, wrzuciłem to w js ale nadal nie działa automatyczne zaznaczenie tekstu i automatyczne skopiowanie do schowka
komentarz 29 października 2018 przez k.wichura Pasjonat (19,870 p.)
Chcesz kopiować zaznaczony tekst? Ten skrypt zapisuje do zmiennej 'schowek' to co wpiszesz w input.
komentarz 29 października 2018 przez blua24 Nowicjusz (140 p.)

Tak, chce mieć kilka inputów na stronie gdzie za pomocą value ustawiam dany tekst do skopiowania. Po czym użytkownik na stronie klikając jeden raz na inputa kopiuje tekst do schowka -  bez ctrl+c.

Skrypt który mi wysłałeś nie działa, chyba, ze źle wdrażam na strone ;)

Dodam, ze moja wiedza jest ograniczona :)

 

<input value="Tekst który chce skopiować">

<script>

input.addEventListener('input', function (evt) {
    schowek = evt.target.value
});
 </script>

 

komentarz 29 października 2018 przez k.wichura Pasjonat (19,870 p.)

nie działa bo nie pobrałeś inputa...

<input value="Tekst który chce skopiować" id="input">
const input = document.getElementById('input');
input.addEventListener('input', function(evt) {
console.log(event.target.value)
});

Skup się lepiej na podstawach js :)

Podobne pytania

+1 głos
1 odpowiedź 331 wizyt
0 głosów
2 odpowiedzi 1,708 wizyt
pytanie zadane 23 maja 2020 w JavaScript przez Bakkit Dyskutant (7,600 p.)
0 głosów
1 odpowiedź 775 wizyt
pytanie zadane 26 lipca 2018 w JavaScript przez embid123 Użytkownik (630 p.)

92,568 zapytań

141,424 odpowiedzi

319,630 komentarzy

61,956 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...