📅  最后修改于: 2023-12-03 15:01:42.300000             🧑  作者: Mango
JavaScript 可以通过以下几种方式在焦点上选择输入文本:
select()
使用 select()
方法可以在指定文本输入框上选择全部文本,代码如下:
let input = document.getElementById("myInput");
input.select();
其中,myInput
是指定的输入框的 ID。
setSelectionRange()
使用 setSelectionRange()
方法可以在指定文本输入框上选择指定区域的文本,代码如下:
let input = document.getElementById("myInput");
input.setSelectionRange(2, 5);
其中,2
和 5
是要选择的文本的开始和结束位置。
createTextRange()
使用 createTextRange()
方法可以在 IE 浏览器中选择文本,代码如下:
let input = document.getElementById("myInput");
let range = input.createTextRange();
range.moveStart("character", 3);
range.moveEnd("character", 5);
range.select();
其中,3
和 5
是要选择的文本的开始和结束位置。
window.getSelection()
使用 window.getSelection()
方法可以在现代浏览器中选择文本,代码如下:
let input = document.getElementById("myInput");
let selection = window.getSelection();
selection.selectAllChildren(input);
其中,selectAllChildren()
方法会选择指定节点的全部子孙节点。
以上四种方式均可实现在焦点上选择输入文本的功能,具体使用方法根据需要选择。