IOS端Input框select()选择不生效

需求，有个input框，需要实现，打开即选中。

<input type="text" id="test" value=${inputValue} />

在电脑端和安卓移动端，使用如下代码可以实现输入文本选中

document.getElementById("test").focus();
document.getElementById("test").select();

但是在IOS移动端，上述代码并不生效，解决方法如下：

document.getElementById("test").setSelectionRange(0, inputValue.length);
//or
document.getElementById("test").selectionStart = 0;
document.getElementById("test").selectionEnd = inputValue.length;

原因是：
在iOS端，出于安全性和用户体验的考虑，select()方法不会在<input>元素上生成选择文本的可视效果。
在iOS设备上，用户必须手动选择输入框中的文本。
如果你需要程序上标记输入框中的文本是被选中的，你可以使用setSelectionRange()方法来达成这个目的。

以下是一个简单的JavaScript示例，展示了如何在输入框中选择文本：

// 选择输入框的全部文本
document.querySelector('#myInput').setSelectionRange(0, 9999); 

在实际应用中，你可能需要在某个事件触发时（比如按钮点击）执行这段代码。
setSelectionRange()方法接受两个参数：选择开始的位置（0表示第一个字符）和选择结束的位置（9999表示直到最后一个字符，但实际上可能会被输入框的内容长度截断）。

参考：
iphone中点击input不能选中input中的内容