İçinde metin kutusu olan bir web form var. Varsayılan olarak odağı metin kutusuna nasıl ayarlayabilirim?
Bunun gibi bir şey:
<body onload='setFocusToTextBox()'>peki birisi bana bu konuda yardım edebilir mi? JavaScript ile metin kutusuna odaklamayı nasıl yapacağımı bilmiyorum.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Yanıtlar:
Bunu yap.
Elemanınız böyle bir şeyse ..
<input type="text" id="mytext"/>Senaryonuz
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms. Document.getelementsByTagNameVeya Node.childNodes) kullanarak belgeyi taramanız ve bilinen bir belge yapısına güvenmeniz veya öğeye özgü bazı özelliklere bakmanız gerekir.
Değeri ne olursa olsun, autofocusözelliği HTML5 uyumlu tarayıcılarda kullanabilirsiniz. Sürüm 10'dan itibaren IE üzerinde bile çalışır.
<input name="myinput" value="whatever" autofocus />Genellikle bir metin kutusuna odaklandığımızda, görünüme de geçmeliyiz
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}İşe yarayıp yaramadığını kontrol edin.
Kodunuz:
<input type="text" id="mytext"/>Ve JQuery kullanıyorsanız, bunu da kullanabilirsiniz:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Öncelikle girişi çizmeniz gerektiğini unutmayın $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrectyardım merkezine göre aşağı oylar içindir . Bunu bu kategorilerin yakınında hiçbir yerde bulamıyorum. Yardım OP ile sınırlı değil, değil mi?
Sadece bunu kullanırdım:
<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>Bununla birlikte, HTML 5'te otomatik odaklama özelliğini kullanabilirsiniz.
Lütfen dikkat: Sorulan örneği ve bunu hala okuyanlar için daha yeni, daha kolay güncellemeyi gösteren bu eski iş parçacığını güncellemek istedim. ;)
Daha önce de belirtildiği gibi, document.forms da çalışır.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formEğer, <input>ya da <textarea>nitelik vardır id=mytextsonra kullanmak
mytext.focus();window.onload başlangıçta odaklanmaktır, metin alanının dışını tıklatırken bulanıklaştırmak veya metin alanı bulanıklığından kaçınmaktır.
<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();.