focus on page load (works if refreshed)

Question

How can I make my page focus automatically on the field

        <script>
    function focus(event) {
            document.getElementById('keywords').focus();
    }
</script>


<BODY onload="focus(event)"></body>

appears to work but only if i refresh the page is there a way to make it focus automatically on the page load.

Answer 1

Just use the autofocus attribute, no javascript needed for this ?

<input id="keywords" autofocus="autofocus" />

There doesn't seem to be anything wrong with the code you have, so there must be something else going on if it's not working.

Answer 2

First include jQuery, then:

$(document).ready(function(){
    $('#keywords').focus();
})

Answer 3

$( "#keywords" ).focus(function() {
  alert( "Handler for .focus() called." );
});

focus on page load (works if refreshed)

Question

3 answers

solution1
1 2014-01-16 11:42:40

solution2
0 ACCPTED 2014-01-16 11:53:59

solution3
0 2014-01-16 11:57:31

focus on page load (works if refreshed)

Question

3 answers

solution1 1 2014-01-16 11:42:40

solution2 0 ACCPTED 2014-01-16 11:53:59

solution3 0 2014-01-16 11:57:31

solution1
1 2014-01-16 11:42:40

solution2
0 ACCPTED 2014-01-16 11:53:59

solution3
0 2014-01-16 11:57:31