js 激活input焦点

要通过JavaScript激活input焦点，可以使用以下几种方法。

方法一：使用jQuery的focus()方法
可以使用jQuery的focus()方法来激活input焦点。例如，可以使用下面的代码将焦点设置在id为"myInput"的input元素上：

$("#myInput").focus();

这样，当页面加载时，输入框将自动获得焦点。

方法二：使用原生JavaScript的focus()方法
可以使用原生JavaScript的focus()方法来激活input焦点。例如，可以使用下面的代码将焦点设置在id为"myInput"的input元素上：

document.getElementById("myInput").focus();

这样，当页面加载时，输入框将自动获得焦点。

方法三：触发事件来激活焦点
可以通过触发事件来激活input焦点。例如，可以使用下面的代码来模拟用户点击按钮，然后自动创建一个input元素并将焦点设置在它上面：

let myButton = document.createElement('button');
myButton.innerText = '点击我';
document.body.appendChild(myButton);
myButton.onmousedown = () => {
    let myInput = document.createElement('input');
    myInput.placeholder = '手机号';
    document.body.appendChild(myInput);
    myInput.focus();
};

这样，当用户点击按钮时，将自动创建一个带有placeholder为"手机号"的输入框，并将焦点设置在它上面。

需要注意的是，有时候浏览器会阻止自动获取焦点的行为，为了解决这个问题，可以使用preventDefault()方法来阻止事件的默认行为。例如：

let myButton = document.createElement('button');
myButton.innerText = '点击我';
document.body.appendChild(myButton);
myButton.onmousedown = event => {
    event.preventDefault();
    let myInput = document.createElement('input');
    myInput.placeholder = '手机号';
    document.body.appendChild(myInput);
    myInput.focus();
};

这样，即使浏览器会阻止自动获取焦点，上面的代码也可以成功地激活input焦点。

综上所述，要通过JavaScript激活input焦点，可以使用jQuery的focus()方法、原生JavaScript的focus()方法，或者通过触发事件来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [input js获取焦点](https://blog.csdn.net/weixin_36508680/article/details/62038089)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [js动态创建input元素并自动获取焦点](https://blog.csdn.net/cobek/article/details/122914269)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]