2011-10-18 32 views
6

¿Cómo establecer el foco en un elemento html?jquery focus on load

Uso document.getElementById('ID_HTML_wanted').focus(); pero mi elemento html "ID_HTML_wanted" no es el foco. Me usuario de la API jQuery .focus

+1

estúpido, he omitir ajustar el enfoque al DOM está listo : $ (document) .ready (function() { document.getElementById ('ID_HTML_wanted'). Focus(); }); – immobiluser

Respuesta

10

Trate de envolver el código de este código por lo que se ejecuta después de DOM está listo

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

por lo que se convertirá en

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

Sin embargo, su element't Don' t tiene método .focus(), si desea utilizar realmente jQuery de uno, utilice

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

Sí, soy estúpido, omito establecer el foco cuando DOM está listo: '$ (documento) .ready (función() {$ (" # ID_HTML_wanted "). Focus();});' – immobiluser

2

Sor ry, he omitir efectivamente ajustar el enfoque al DOM está listo:

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

Los tres de las siguientes sintaxis de .ready() son equivalentes:

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