HTMLInputElement: select() ใกใฝใใ
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.select() ใกใฝใใใฏใ<textarea> ่ฆ็ด ใพใใฏใใญในใใใฃใผใซใใๅซใ <input> ่ฆ็ด ๅ
ใฎใในใฆใฎใใญในใใ้ธๆใใพใใ
ๆงๆ
select()
ๅผๆฐ
ใชใใ
่ฟๅค
ใชใ (undefined)ใ
ไพ
ใใฎไพใฎใใฟใณใใฏใชใใฏใใใจใ <input> ่ฆ็ด ๅ
ใฎใในใฆใฎใใญในใใ้ธๆใใใพใใ
HTML
<input type="text" id="text-box" size="20" value="Hello world!" />
<button onclick="selectText()">ใใญในใใ้ธๆ</button>
JavaScript
function selectText() {
const input = document.getElementById("text-box");
input.focus();
input.select();
}
็ตๆ
ใกใข
element.select() ใๅผใณๅบใใฆใใๅ
ฅๅๆฌใใใฉใผใซในใๅพใใจใฏ้ใใพใใใฎใงใใใ HTMLElement.focus ใจไธ็ทใซไฝฟใใใพใใ
ใใใซๅฏพๅฟใใฆใใชใใใฉใฆใถใผใงใฏใ HTMLInputElement.setSelectionRange() ใฎๅผๆฐใซ 0 ใจๅ ฅๅๅคใฎ้ทใใๆๅฎใใฆๅผใณๅบใใใจใง็ฝฎใๆใใใใจใใงใใพใใ
<input onClick="this.select();" value="Sample Text" />
<!-- equivalent to -->
<input
onClick="this.setSelectionRange(0, this.value.length);"
value="Sample Text" />
ไปๆงๆธ
| Specification |
|---|
| HTML # dom-textarea/input-select |
ใใฉใฆใถใผใฎไบๆๆง
Loadingโฆ