js input 获取焦点

// 获取焦点的示例代码

// 假设我们有一个输入框，其 ID 为 "myInput"
// 我们可以通过以下方式让该输入框获取焦点

// HTML 部分
/*
<input type="text" id="myInput" placeholder="点击我获取焦点">
<button onclick="focusInput()">获取焦点</button>
*/

// JavaScript 部分
function focusInput() {
    // 使用 document.getElementById 获取 DOM 元素
    var inputElement = document.getElementById("myInput");

    // 调用 focus 方法使输入框获取焦点
    inputElement.focus();
}

// 当用户点击按钮时，会触发 focusInput 函数，从而让输入框获取焦点

解释说明：

1. HTML 部分：定义了一个文本输入框 (<input>) 和一个按钮 (<button>)。按钮的 onclick 事件绑定了 focusInput 函数。
2. JavaScript 部分：focusInput 函数通过 document.getElementById 获取指定 ID 的输入框元素，然后调用 focus() 方法使其获取焦点。
3. 效果：当用户点击按钮时，输入框会自动获取焦点，光标会在输入框中闪烁，等待用户输入。