Jquery focus on load

Question

How to set focus on html element?

I am using document.getElementById('ID_HTML_wanted').focus(); but my html element "ID_HTML_wanted" is not the focus. I am a user jquery api . Focus

Answer 1

Try wrapping your code in this code so that it runs AFTER the DOM is ready

 $(function(){ //your code }); 

so that he becomes

 $(function(){ document.getElementById('ID_HTML_wanted').focus(); }); 

However, your element does not have a .focus () method, if you want REALLY to use jQuery one, use

 $(function(){ $("#ID_HTML_wanted").focus(); }); 

Answer 2

Sorry, I really can't set the focus when the DOM is ready:

 $( document ).ready(function() { $("#ID_HTML_wanted").focus(); }); 

All three of the following syntaxes . ready () are equivalent:

 $(document).ready(handler) $().ready(handler) (this is not recommended) $(handler)