使用JavaScript能否实现移动端网站地址栏自动聚焦？

结论：完全无法实现

• 浏览器地址栏属于浏览器原生UI组件，不属于当前网页的DOM树范围。网页内运行的JavaScript处于浏览器沙箱环境中，仅有权限操作当前页面内部的DOM元素，没有能力调用浏览器级别的操作接口。
• 移动端浏览器出于安全和用户体验保护，没有提供任何公开API允许网页控制地址栏聚焦，避免网页恶意劫持用户输入行为。

你目前使用的focus()方法仅能作用于页面内部的DOM元素，比如你示例中的input输入框，完全无法触及浏览器地址栏的控制权。

替代实现方案 #

如果要降低用户输入跳转地址的成本，可以在页面顶部开发一个模拟地址栏的输入框，默认自动聚焦，用户输入内容后通过window.location实现跳转，模拟原生地址栏的使用体验，参考代码如下：

Homepage: <input type="url" id="myURL" value="http://www.google.com">

<p>点击下方按钮控制URL输入框的聚焦/失焦</p>

<button type="button" onclick="getFocus()">获取焦点</button>
<button type="button" onclick="loseFocus()">失去焦点</button>

<p><strong>注意：</strong>type="url"的元素在IE9及更早版本、Safari浏览器中不受支持</p>

<script>
function getFocus() {
  document.getElementById("myURL").focus();
}

function loseFocus() {
  document.getElementById("myURL").blur();
}
</script>

内容的提问来源于stack exchange，提问作者Tom