HTMLInputElement.setSelectionRange()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
ÐеÑод HTMLInputElement.setSelectionRange() ÑÑÑÐ°Ð½Ð°Ð²Ð»Ð¸Ð²Ð°ÐµÑ Ð½Ð°ÑалÑное и конеÑное положение вÑÐ´ÐµÐ»ÐµÐ½Ð¸Ñ ÑекÑÑа в ÑлеменÑе <input>.
Рболее новÑÑ Ð²ÐµÑÑиÑÑ Ð±ÑаÑзеÑов, можно дополниÑелÑно ÑÑÑановиÑÑ Ð½Ð°Ð¿Ñавление вÑÐ´ÐµÐ»ÐµÐ½Ð¸Ñ ÑекÑÑа, ÑÑо позволиÑ, напÑимеÑ, опÑеделиÑÑ, ÑÑо вÑделение Ñделано нажаÑием и пеÑеÑаÑкиванием кÑÑÑоÑа мÑÑи Ð¾Ñ ÐºÐ¾Ð½Ñа вÑделенного ÑекÑÑа до наÑала.
ÐÑÐ¾Ñ Ð¼ÐµÑод позволÑÐµÑ Ð¾Ð´Ð½Ð¸Ð¼ вÑзовом обновиÑÑ ÑвойÑÑва HTMLInputElement.selectionStart, selectionEnd, и selectionDirection.
СинÑакÑиÑ
inputElement.setSelectionRange(selectionStart, selectionEnd, [optional] selectionDirection);
ÐаÑамеÑÑÑ
- selectionStart
-
ÐÐ½Ð´ÐµÐºÑ Ð¿ÐµÑвого вÑделенного Ñимвола.
- selectionEnd
-
ÐÐ½Ð´ÐµÐºÑ Ñимвола поÑле поÑледнего вÑделенного Ñимвола.
- selectionDirection ÐеобÑзаÑелÑнÑй
-
СÑÑока, опÑеделÑÑÑÐ°Ñ Ð½Ð°Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¿ÑоизведÑнного вÑделениÑ. ÐÑинимаÑÑÑÑ Ð·Ð½Ð°ÑÐµÐ½Ð¸Ñ "forward", "backward" или "none", еÑли напÑавление вÑделение неизвеÑÑно или неважно.
ÐÑимеÑ
ÐликниÑе на кнопкÑ, ÑÑÐ¾Ð±Ñ Ð²ÑбÑаÑÑ ÑÑеÑий, ÑеÑвÑÑÑÑй и пÑÑÑй ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð² ÑекÑÑовом поле ("zil" в Ñлове "Mozilla").
HTML
<input type="text" id="text-box" size="20" value="Mozilla" />
<button onclick="selectText()">ÐÑбÑаÑÑ ÑекÑÑ</button>
JavaScript
function selectText() {
const input = document.getElementById("text-box");
input.focus();
input.setSelectionRange(2, 5);
}
Result
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # dom-textarea/input-setselectionrange-dev |