JavaScript: accedere al testo selezionato dall'utente

JavaScript dispone di una API specifica per accedere al testo selezionato all'interno di un elemento (ad esempio un elemento textarea). Possiamo sfruttare tale caratteristica per eseguire delle azioni quando l'utente seleziona del testo.

Possiamo utilizzare le proprietà selectionStart e selectionEnd:

var textarea = document.querySelector( "#html" );
var value = textarea.value;
var startPos = textarea.selectionStart;
var endPos = textarea.selectionEnd;
var selectedText = value.substring( startPos, endPos );

Di seguito un esempio pratico.

See the Pen JavaScript: simple HTML editor by Gabriele Romanato (@gabrieleromanato) on CodePen.