Am un formular web cu o casetă de text în ea. Cum pot să merg despre setarea focalizarea la caseta de text implicit?
Ceva de genul asta:
<body onload='setFocusToTextBox()'>
deci, poate cineva să mă ajute cu asta? Eu nu't știți cum să setați focalizarea la caseta de text cu JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
De obicei, atunci când ne concentrăm pe o caseta de text, de asemenea, trebuie să defilați în vedere
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}
Verificați dacă acesta ajută.
În cazul în care codul este:
<input type="text" id="mytext"/>
Și Dacă sunteți folosind JQuery, puteți utiliza această prea:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>
Păstrați în minte că trebuie să atragă de intrare prima $(document).gata()
Am folosit pentru a folosi doar acest lucru:
<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>
Asta a spus, puteți folosi doar autofocus atribut în HTML 5.
Vă rugăm să rețineți: am vrut să actualizez acest thread vechi arată exemplul cerut, plus mai nou, mai ușor de actualizare pentru cei care mai citesc asta. ;)
După cum sa menționat mai devreme, document.forme funcționează prea.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the form
Dacă <input> " sau " <textarea>
are atributul id=ator
apoi utilizați
mytext.focus();
function setFocusToTextBox() {
mytext.focus();
}
<body onload='setFocusToTextBox()'>
<form>
<input type="text" id="mytext"/>
</form>
</body>
fereastra.onload este de a pune accentul inițial onblur este de a pune accentul în timp ce faceți clic în afara textarea,sau de a evita zona de text blur
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>