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ๅนด7ๆโฉ.
HTMLInputElement.setSelectionRange() ใกใฝใใใฏใ <input> ใพใใฏ <textarea> ่ฆ็ด ใฎไธญใง็พๅจใฎใใญในใใฎ้ธๆ็ฏๅฒใฎ้ๅงไฝ็ฝฎใจ็ตไบไฝ็ฝฎใ่จญๅฎใใพใใ
ใชใใทใงใณใจใใฆใๆฐใใใใผใธใงใณใฎใใฉใฆใถใผใงใฏใ้ธๆใ่กใใใใจใฟใชใๆนๅใๆๅฎใใใใจใใงใใพใใใใใซใใใไพใใฐใใฆใผใถใผใ้ธๆ็ฏๅฒใ่จญๅฎใใใฎใซใ้ธๆใใใใใญในใใฎๆซๅฐพใใๅ ้ ญใซๅใใฆใฏใชใใฏใจใใฉใใฐใ่กใใใใใจใ็คบใใใจใใงใใพใใ
ใใฎ้ขๆฐใฏ 1 ๅใฎๅผใณๅบใใงใ HTMLInputElement.selectionStart, selectionEnd, selectionDirection ใฎๅใใญใใใฃใๆดๆฐใใพใใ
WHATWG ใใฉใผใ ไปๆงๆธใซใใใจใ selectionStart, selectionEnd ใใญใใใฃใจ setSelectionRange ใกใฝใใใฏใ text, search, URL, tel, password ๅใฎๅ
ฅๅๆฌใซใฎใฟ้ฉ็จใใใใใจใซๆณจๆใใฆใใ ใใใ Chrome ใฎใใผใธใงใณ 33 ไปฅ้ใงใฏใใใไปฅๅคใฎๅ
ฅๅๅใงใใใใฎใใญใใใฃใจใกใฝใใใซใขใฏใปในใใใจไพๅคใ็บ็ใใพใใไพใใฐใ number ๅใฎๅ
ฅๅๆฌใงใฏใ "Failed to read the 'selectionStart' property from 'HTMLInputElement': The input element's type ('number') does not support selection" ๏ผ'HTMLInputElement' ใฎ 'selectionStart' ใใญใใใฃใ่ชญใฟๅใใซๅคฑๆใใพใใใใใฎ input ่ฆ็ด ใฎๅ
ฅๅๅ ('number') ใฏ้ธๆใซๅฏพๅฟใใฆใใพใใ๏ผใจใชใใพใใ
input ่ฆ็ด ใฎใในใฆใฎใใญในใใ้ธๆใใใๅ ดๅใฏใไปฃใใใซ HTMLInputElement.select() ใกใฝใใใไฝฟ็จใใฆใใ ใใใ
ๆงๆ
setSelectionRange(selectionStart, selectionEnd)
setSelectionRange(selectionStart, selectionEnd, selectionDirection)
ๅผๆฐ
selectionEnd ใ selectionStart ใใๅฐใใๅ ดๅใไธกๆนใฎๅคใฏ selectionEnd ใจใใฆๆฑใใใพใใ
selectionStart-
้ธๆใใๆๅใฎๆๅญใฎ 0 ใใๅงใพใไฝ็ฝฎใงใใไฝ็ฝฎใ่ฆ็ด ใฎๅคใฎ้ทใใใใๅคงใใๅ ดๅใฏใ่ฆ็ด ใฎๅคใฎๆซๅฐพใฎไฝ็ฝฎใจ่ฆใชใใใพใใ
selectionEnd-
้ธๆใใๆๅพใฎๆๅญใฎๆฌกใฎ 0 ใใๅงใพใไฝ็ฝฎใงใใไฝ็ฝฎใ่ฆ็ด ใฎ้ทใใใใๅคงใใๅ ดๅใฏใ่ฆ็ด ใฎๅคใฎๆซๅฐพใฎไฝ็ฝฎใจ่ฆใชใใใพใใ
selectionDirection็็ฅๅฏ-
้ธๆใ่กใใใใจ่ฆใชใใใๆนๅใ็คบใๆๅญๅใงใใๅใใใๅคใฏๆฌกใฎ้ใใงใใ
"forward""backward""none"้ธๆๆนๅใไธๆใพใใฏ็ก้ขไฟใชๅ ดๅใงใใๆขๅฎๅคใงใใ
่ฟๅค
ใชใ (undefined)ใ
ไพ
ใใฎไพใฎไธญใฎใใฟใณใใฏใชใใฏใใใจใใใญในใใใใฏในใฎ 3ใ4ใ5 ็ช็ฎใฎๆๅญ๏ผ"Mozilla" ใฎ "zil"๏ผใ้ธๆ็ถๆ ใซใชใใพใใ
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);
}
็ตๆ
ไปๆงๆธ
| Specification |
|---|
| HTML # dom-textarea/input-setselectionrange-dev |
ใใฉใฆใถใผใฎไบๆๆง
Loadingโฆ