js实现选中输入框
使用 JavaScript 选中输入框
通过 JavaScript 选中输入框（即聚焦并高亮文本）可以通过以下方法实现：
方法 1：使用 focus() 和 select() 方法
const inputElement = document.getElementById('inputId');
inputElement.focus(); // 聚焦输入框
inputElement.select(); // 选中输入框内的文本适用于通过 ID 获取输入框并选中其内容。
方法 2：通过类名或标签名选中
const inputElement = document.querySelector('.inputClass');
inputElement.focus();
inputElement.select();适用于通过类名或其他选择器获取输入框。
方法 3：自动选中页面加载时的输入框
window.onload = function() {
const inputElement = document.getElementById('inputId');
inputElement.focus();
inputElement.select();
};页面加载时自动聚焦并选中输入框。
方法 4：选中表单中的第一个输入框
document.querySelector('form input').focus();
document.querySelector('form input').select();适用于表单中的第一个输入框自动选中。
方法 5：通过事件触发选中
document.getElementById('buttonId').addEventListener('click', function() {
const inputElement = document.getElementById('inputId');
inputElement.focus();
inputElement.select();
});通过按钮点击事件触发输入框选中。
注意事项
- 确保输入框的 DOM 已加载完成后再调用方法，否则会报错。
- 若输入框内容为空，
select()可能不会显示高亮效果，但输入框仍会被聚焦。 - 对于动态生成的输入框，需在元素插入 DOM 后再调用选中方法。
