Hvordan få den uthevede teksten i JavaScript?

Mens de utvikler dynamiske nettsteder, trenger utviklere ofte å hente den uthevede eller valgte teksten av brukeren. Dette kan være effektivt for flere situasjoner, for eksempel å la brukere kopiere og lime inn tekst eller ta noen andre tiltak basert på det uthevede/valgte innholdet.

Denne opplæringen vil demonstrere:

• Hvordan få den uthevede teksten i JavaScript?
• Bonustips: Uthev tekst ved hjelp av “Dokumentet.getSelection () ”-metode

Hvordan få den uthevede teksten i JavaScript ved å bruke “Vinduet.getSelection () ”-metode?

“vindu.getSelection ()”Metode er en JavaScript forhåndsdefinert metode som gir en“Utvalg”Objekt som en representasjon av teksten som nå er valgt på siden. "Valg" -objektet indikerer en eller flere tekstområder som brukeren har valgt.

Eksempel

I det gitte eksemplet vil vi hente den valgte teksten fra websiden. Først oppretter vi et tekstparagraf ved hjelp av en HTML

element og tilordne en ID “beskjed”Det hjelper til med å få dette avsnittet for å anvende forskjellige funksjoner:

Linuxhint er en utmerket ressurs for å lære om Linux og relatert open source-programvare. Det tilbyr også mange opplæringsprogrammer og guider på forskjellige programmeringsspråk, som Java, Python, HTML, CSS, JavaScript, og så videre. Linuxhint gir enkel, tydelig og autentisk informasjon.

Nå vil vi opprette et område for å skrive ut/vise den hentede teksten på websiden ved hjelp av elementet:

Uthevet tekst: id = "HighlightedText">

I JavaScript, definer en funksjon som heter “SelectText ()”Som vil returnere det valgte objektet ved å ringe“vindu.getSelection ()”Metode:

funksjon SELECTEXT ()
hvis (vindu.getSelection)
Returvindu.getSelection ();

Definer, en annen funksjon som heter “gethighlightedText ()”Som vil påkalle funksjonen“ SelectText () ”for å skrive ut den uthevede teksten:

funksjon gethighlightedText ()
dokument.getElementById ("HighlightedText").Innertext = SelectText ();

Få nå referansen til avsnittet ved å bruke den tildelte ID -en og deretter ringe "gethighlightedText ()" -funksjonen på klikkhendelsen:

dokument.getElementById ("Melding").AddEventListener ("Klikk", GethighlightedText);

Du kan se at den fremhevede teksten er hentet med hell:

Det handler om å hente den uthevede teksten i JavaScript.

Konklusjon

For å få den valgte eller uthevede teksten på websiden, bruk "vindu.getSelection ()”Metode eller“dokument.getSelection ()”Metode. Begge metodene er de samme når det gjelder ytelse. Bruk “vinduet.getSelection () ”-metode for valg av objekter for hele vinduet. Mens “dokumentet.getSelection () ”-metode brukes til valgt objekt for det gjeldende dokumentet.