J'ai un formulaire Web contenant une zone de texte. Comment puis-je définir le focus sur la zone de texte par défaut?
Quelque chose comme ça:
<body onload='setFocusToTextBox()'>alors quelqu'un peut-il m'aider? Je ne sais pas comment définir le focus sur la zone de texte avec JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Réponses:
Faites ça.
Si votre élément est quelque chose comme ça ..
<input type="text" id="mytext"/>Votre script serait
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameou Node.childNodes) et vous fier à une structure de document connue ou rechercher des propriétés spécifiques à un élément.
Pour ce que ça vaut, vous pouvez utiliser l' autofocusattribut sur les navigateurs compatibles HTML5. Fonctionne même sur IE à partir de la version 10.
<input name="myinput" value="whatever" autofocus />Habituellement, lorsque nous nous concentrons sur une zone de texte, nous devons également faire défiler la vue
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Vérifiez si cela aide.
Si votre code est:
<input type="text" id="mytext"/>Et si vous utilisez JQuery, vous pouvez également l'utiliser:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Gardez à l'esprit que vous devez d'abord dessiner l'entrée $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, selon le centre d'aide de stackoverflow. Je trouve cela loin de ces catégories. L'aide ne se limite pas au PO, n'est-ce pas?
J'utilisais juste ceci:
<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>Cela dit, vous pouvez simplement utiliser l'attribut autofocus dans HTML 5.
Veuillez noter: je voulais mettre à jour cet ancien fil de discussion montrant l'exemple demandé ainsi que la mise à jour plus récente et plus facile pour ceux qui lisent encore ceci. ;)
Comme mentionné précédemment, document.forms fonctionne également.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formSi votre <input>ou <textarea>possède un attribut, id=mytextutilisez
mytext.focus();window.onload consiste à mettre le focus initialement surblur, c'est à mettre le focus pendant que vous cliquez en dehors de la zone de texte, ou d'éviter le flou de la zone de texte
<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();.