HTMLTextAreaElement: selectionEnd property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
TheselectionEnd property of theHTMLTextAreaElement interface specifies the end position of the current text selection in a<textarea> element. It is a number representing the last index of the selected text. It can be used to both retrieve and set the index of the end of a<textarea>s selected text.
When nothing is selected, the value of both theselectionStart andselectionEnd is the position of the cursor (caret) inside the<textarea> element.
SettingselectionEnd to a value less than the current value ofselectionStart updates both theselectionEnd andselectionStart properties to that value. If both value are less than 0, both properties are set to thetextLength property value.
The property value can be retrieved and set without the<textarea> having focus, but the element does need to have focus for the::selection pseudo-element to match the selected text.
Setting theselectionEnd to a new value fires theselectionchange andselect events.
Value
A non-negative number.
Examples
const textarea = document.getElementById("text-box");const end = textarea.selectionEnd;Specifications
| Specification |
|---|
| HTML # dom-textarea/input-selectionend |
Browser compatibility
See also
<textarea>HTMLTextAreaElementHTMLTextAreaElement.selectionStartHTMLTextAreaElement.selectionDirectionHTMLTextAreaElement.textLengthselectionChangeeventHTMLTextAreaElement.select()HTMLTextAreaElement.setSelectionRange()HTMLTextAreaElement.setRangeText()HTMLInputElement.selectionEndSelection::selectionpseudo-element