El método InputElement.setSelectionRange() se usa para establecer las posiciones inicial y final del valor de índice actual para seleccionar texto en un elemento de entrada o área de texto.
Sintaxis:
element.setSelectionRange( Start, End, Direction );
Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:
- Inicio: este parámetro contiene el índice del primer carácter seleccionado. El valor de índice mayor que la longitud del elemento que apunta al valor final.
- Fin: este parámetro contiene el índice del carácter después del último carácter seleccionado. El valor de índice mayor que la longitud del elemento que apunta al valor final.
- Dirección: Este parámetro mantiene la dirección para realizar la operación de selección. Los posibles valores de dirección son: adelante, atrás y Ninguno .
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
HTML | InputElement.setSelectionRange() method
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
HTML InputElement.setSelectionRange() method
</h2>
<input type="text" id="geeks" size="50"
value="Welcome to GeeksforGeeks">
<button onclick="myGeeks()">
Select text content
</button>
<script>
function myGeeks() {
const input = document.getElementById('geeks');
input.focus();
input.setSelectionRange(11, 24);
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método HTML InputElement.setSelectionRange() se enumeran a continuación:
- Google Chrome 1.0
- Internet Explorer 9.0
- Firefox 1.0
- Safari
- Ópera 8.0