Eu tenho um formulário da web com uma caixa de texto. Como faço para definir o foco na caixa de texto por padrão?
Algo assim:
<body onload='setFocusToTextBox()'>então alguém pode me ajudar com isso? Não sei como definir o foco na caixa de texto com JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Respostas:
Faça isso.
Se o seu elemento é algo como isto ..
<input type="text" id="mytext"/>Seu script seria
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameou Node.childNodes) e confiar em uma estrutura de documento conhecida ou procurar algumas propriedades específicas do elemento.
Para o que vale a pena, você pode usar o autofocusatributo em navegadores compatíveis com HTML5. Funciona mesmo no IE a partir da versão 10.
<input name="myinput" value="whatever" autofocus />Normalmente, quando nos concentramos em uma caixa de texto, também devemos rolar para a visualização
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Verifique se ajuda.
Se o seu código é:
<input type="text" id="mytext"/>E se você estiver usando JQuery, também poderá usar:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Lembre-se de que você deve desenhar a entrada primeiro $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, de acordo com o centro de ajuda do stackoverflow. Acho que isso não chega nem perto dessas categorias. Ajudar não se limita ao OP, é?
Eu costumava usar isso:
<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>
<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>Dito isto, você pode apenas usar o atributo foco automático no HTML 5.
Observação: eu queria atualizar esse tópico antigo, mostrando o exemplo solicitado e a atualização mais recente e fácil para aqueles que ainda estão lendo isso. ;)
Como mencionado anteriormente, document.forms também funciona.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formSe o seu <input>ou <textarea>tiver atributo id=mytext, use
mytext.focus();window.onload é colocar o foco inicialmente onblur é colocar o foco enquanto você clica fora da área de texto, ou evita o desfoque da área de texto
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>
document.getElementById('your_text_box_id').focus();.