📌  相关文章
📜  javascript 在焦点上选择输入文本 - Javascript (1)

📅  最后修改于: 2023-12-03 15:01:42.300000             🧑  作者: Mango

JavaScript 在焦点上选择输入文本 - JavaScript

JavaScript 可以通过以下几种方式在焦点上选择输入文本:

1. 使用 select()

使用 select() 方法可以在指定文本输入框上选择全部文本,代码如下:

let input = document.getElementById("myInput");
input.select();

其中,myInput 是指定的输入框的 ID。

2. 使用 setSelectionRange()

使用 setSelectionRange() 方法可以在指定文本输入框上选择指定区域的文本,代码如下:

let input = document.getElementById("myInput");
input.setSelectionRange(2, 5);

其中,25 是要选择的文本的开始和结束位置。

3. 使用 createTextRange()

使用 createTextRange() 方法可以在 IE 浏览器中选择文本,代码如下:

let input = document.getElementById("myInput");
let range = input.createTextRange();
range.moveStart("character", 3);
range.moveEnd("character", 5);
range.select();

其中,35 是要选择的文本的开始和结束位置。

4. 使用 window.getSelection()

使用 window.getSelection() 方法可以在现代浏览器中选择文本,代码如下:

let input = document.getElementById("myInput");
let selection = window.getSelection();
selection.selectAllChildren(input);

其中,selectAllChildren() 方法会选择指定节点的全部子孙节点。

以上四种方式均可实现在焦点上选择输入文本的功能,具体使用方法根据需要选择。