HTMLInputElement: selectionStart-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

DieselectionStart-Eigenschaft desHTMLInputElement-Interfaces ist eine Zahl, die den Beginn des ausgewählten Textes darstellt. Wenn nichts ausgewählt ist, wird die Position des Textcursor (Caret) innerhalb des<input>-Elements zurückgegeben.

Hinweis:Gemäß derWHATWG-Formularspezifikation gilt dieselectionStart-Eigenschaft nur für Eingaben der Typen Text, Suche, URL, Telefon und Passwort. In modernen Browsern wird eine Ausnahme ausgelöst, wenn dieselectionStart-Eigenschaft für andere Eingabetypen festgelegt wird. Zusätzlich gibt diese Eigenschaftnull zurück, wenn auf dieselectionStart-Eigenschaft bei nicht-texteingabetypen zugegriffen wird.

WennselectionStart größer ist alsselectionEnd, werden beide als Wert vonselectionEnd behandelt.

<!-- use selectionStart on non text input element --><label for="color">selectionStart property on type=color</label><input type="color" /><!-- use selectionStart on text input element --><fieldset>  <legend>selectionStart property on type=text</legend>  <label for="statement">Select 'mdn' word from the text : </label>  <input    type="text"       value="The mdn is a documentation repository." />  <button>Select mdn text</button></fieldset>

JavaScript

const inputElement = document.getElementById("statement");const statementBtn = document.getElementById("statement-btn");const colorStart = document.getElementById("color");statementBtn.addEventListener("click", () => {  inputElement.selectionStart = 4;  inputElement.selectionEnd = 7;  inputElement.focus();});// open browser console to verify outputconsole.log(colorStart.selectionStart); // Output : null