SelectionEnd

SelectionEnd is a property used with text input controls in web browsers to indicate the end position of the current text selection within the element’s value. It is part of the pair selectionStart and selectionEnd, which together describe the selected range of characters. The property applies to HTMLInputElement and HTMLTextAreaElement and is supported for text-based input types such as text, search, url, tel, and password in modern browsers.

The value of selectionEnd is a non-negative integer between 0 and the length of the element’s value. When text is selected, selectionEnd marks the index just after the last selected character. If no text is selected and only a caret is present, selectionEnd equals the caret position. The property is both readable and writable, allowing scripts to query or modify the end of the selection. It is common to use selectionStart and selectionEnd together to determine or adjust the selected range, or to use the convenience method setSelectionRange(start, end) to set both ends at once.

Setting selectionEnd can move the caret or change the selected range depending on the current selectionStart value. For example, setting selectionEnd to a value greater than selectionStart will select the text between them; if equal, it places the caret at that position. If a value outside the permissible range is assigned, browsers typically clamp it to [0, value.length].

Compatibility notes: selectionStart and selectionEnd are widely supported in modern browsers. Older browsers, notably some versions of Internet Explorer, relied on different APIs for text selection and do not support these properties.