Autofocus address bar in a mobile website using JavaScript

Question

Is it possible to autofocus the address bar in a mobile website using JavaScript? (Background: I want to open a site of mine on Chrome Browser for Android and have the address bar focused to be able to type in it)

I found this code example but it only works for an input field within the website:

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

<p>Click the buttons below to give focus and/or remove focus from the URL field.</p>

<button type="button" onclick="getFocus()">Get focus</button>
<button type="button" onclick="loseFocus()">Lose focus</button>

<p><strong>Note:</strong> elements with type="url" are not supported in IE 9 (and earlier), or Safari.</p>

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

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

[Related?](https://stackoverflow.com/questions/45304774/take-my-web-page-focus-to-browser-address-bar-using-javascript-jquery) — Kapil, Jul 05 '21 at 13:02
@Tom you can autofocus a input field even without javascript. just add autofocus attribute inside your input field something like this- — Gulshan Aggarwal, Jul 12 '21 at 12:12
As soon as your page is loaded it will get autofocus into input field. — Gulshan Aggarwal, Jul 12 '21 at 12:13

score 1 · Answer 1 · answered Jul 06 '21 at 10:27

1

You can send the follow shortcut by js or by other prefered programming language to the browser to get focus on adressbar:

Ctrl+l

answered Jul 06 '21 at 10:27

Anna23

11
2

Would you mind share a JS example for this? – Tom Jul 06 '21 at 13:11

Eddy763 · Answer 2 · 2021-07-09T11:05:12.503

0

Based on answer of Anna23:

you can do it on mac too by sending the follow shortcut:

Command + L

A javascript sample code for sending a shortcut to a browser, you find on follow link:

Javascript simulate hotkey sending

edited Jul 09 '21 at 11:05

answered Jul 09 '21 at 05:13

Eddy763

27
10

Autofocus address bar in a mobile website using JavaScript

2 Answers2