javascript - setSelectionRange is not a function - Stack Overflow

admin管理员组

文章数量:1324839

This seems so simple, but it's not working:

document.getElementById('test').setSelectionRange(3,3)

<div id="test">test</div>

This seems so simple, but it's not working:

document.getElementById('test').setSelectionRange(3,3)

<div id="test">test</div>

Google Chrome.

• javascript
• selection

Share Improve this question Follow asked Aug 23, 2018 at 21:11 Phillip SennPhillip Senn 47.7k9191 gold badges261261 silver badges378378 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

<input id="test" value="hello world" />

var InputElement = $('test')[0] as HTMLInputElement;
InputElement.setSelectionRange(3, 3);

This is because the 'test' element needs to be an <input/> element. Try revising your HTML as follows:

<input id="test" />

Also consider the following changes to your javascript. With these updates to your code, your javascript should work as expected when there is enough text in your input field. For example, consider this code for selecting "world" in "hello world":

const input = document.getElementById('test');
input.focus();
input.setSelectionRange(6,11);

<input id="test" value="hello world" />

For more information, see the MDN docs for setSelectionRange()

To make this on <div> you should make it editable:

<div id="test" contenteditable="true">test</div>

本文标签： javascriptsetSelectionRange is not a functionStack Overflow