Hvordan kopiere/lime inn tekst i utklippstavlen ved hjelp av JavaScript

Vi lever i en teknologitiden der alt er påvirket av teknologi. Teknologi har gitt mange avanserte løsninger og har overvunnet mange manuelle anstrengelser. Så i denne teknologitiden virker manuelt å velge tekst og kopiere den ved hjelp av "Ctrl + C" gammeldags og tar litt tid. Så hvordan du automatiserer det?

Vel, takk til JavaScript! Det tilbyr noen innebygde utklippstavleegenskaper som lar oss kopiere/lime inn teksten i utklippstavlen ved å bruke et enkelt knappeklikk.

I denne oppskrivningen lærer vi hvordan du kopierer tekst til et utklippstavle ved å bruke HTML og JavaScript:

• Hvordan kopiere/lime inn tekst i utklippstavlen ved hjelp av JavaScript
• Praktisk demonstrasjon av kopi/lim inn tekst i utklippstavlen

Så la oss begynne!

Hvordan kopiere/lime inn tekst i utklippstavlen ved hjelp av JavaScript

Det undergitte eksempelprogrammet vil gi deg en detaljert forståelse av hvordan du kopierer tekst til utklippstavle ved å bruke JavaScript:

Kopier og lim inn.html

Kopiere

I dette eksemplet opprettet vi et inngangsfelt og en knapp, når du klikker på knappen, vil teksten bli kopiert til utklippstavlen. Deretter opprettet vi en

element og tilordne den en ID “ptext”.

Kopier og lim inn.JS

funksjon copyfunction ()
var copyData = dokument.getElementById ("inputText");
var showText = dokument.getElementById ("ptext");
copyData.plukke ut();
Navigator.utklippstavle.WriteText (CopyData.verdi);
ShowText.indrehtml = "tekst kopiert:" + copyData.verdi;

Ovennevnte utdrag serverer funksjonalitetene nedenfor:

• Vi opprettet en funksjon som heter “CopyFunction ()” som vil bli påkalt når noen klikker på “Copy” -knappen.
• Innen CopyFunction () benyttet vi oss av GetElementById () -metoden for å lese HTML -elementer.
• Deretter benyttet vi Select () -metoden for å velge tekstfeltet.
• Etterpå benyttet vi navigatøren.utklippstavle.WriteText () for å kopiere tekst til utklippstavlen.
• Endelig benyttet vi den innerhtml -egenskapen for å sette navn og alder på

  element.

Ved vellykket utførelse av programmet, vil vi innledningsvis få den undergitte produksjonen:

Hvis alt går bra, vil du klikke på "Kopier" -knappen vise en melding "Tekst kopiert" sammen med den kopierte teksten:

Utgangen autentiserer at programmet vårt fungerer helt bra.

Praktisk demonstrasjon

I dette avsnittet vil vi vise deg den praktiske demonstrasjonen av ovennevnte program.

Ovennevnte utdrag viser hvordan du kopierer/lim inn teksten i utklippstavlen ved hjelp av JavaScript.

Konklusjon

JavaScript tilbyr noen innebygde utklippstavleegenskaper som lar oss kopiere/lime inn teksten i utklippstavlen ved hjelp av et enkelt knappeklikk. I JavaScript, navigatøren.Utklippstavlen brukes til å få tilgang til utklippstavlen mens WriteText () -egenskapen brukes til å kopiere teksten til utklippstavlen. Denne oppskrivningen presenterer en omfattende guide for hvordan du kopierer/limer inn teksten inn i utklippstavlen ved hjelp av JavaScript.