Saya memiliki formulir web dengan kotak teks di dalamnya. Bagaimana cara menetapkan fokus ke kotak teks secara default?
Sesuatu seperti ini:
<body onload='setFocusToTextBox()'>jadi adakah yang bisa membantu saya dengan itu? Saya tidak tahu cara mengatur fokus ke kotak teks dengan JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
Jawaban:
Melakukan hal ini.
Jika elemen Anda adalah sesuatu seperti ini ..
<input type="text" id="mytext"/>Script Anda akan menjadi
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
Document.forms, Document.getelementsByTagNameatau Node.childNodes) dan mengandalkan struktur dokumen yang diketahui atau mencari beberapa properti elemen tertentu.
Untuk apa nilainya, Anda dapat menggunakan autofocusatribut pada browser yang kompatibel dengan HTML5. Bekerja bahkan di IE pada versi 10.
<input name="myinput" value="whatever" autofocus />Biasanya ketika kita fokus pada kotak teks, kita juga harus menggulir ke tampilan
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Periksa apakah itu membantu.
Jika kode Anda adalah:
<input type="text" id="mytext"/>Dan Jika Anda menggunakan JQuery, Anda dapat menggunakan ini juga:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Ingatlah bahwa Anda harus menarik input terlebih dahulu $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, menurut pusat bantuan stackoverflow. Saya menemukan ini di dekat kategori-kategori itu. Membantu tidak terbatas pada OP, bukan?
Saya dulu hanya menggunakan ini:
<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>Yang mengatakan, Anda bisa menggunakan atribut autofocus di HTML 5.
Harap dicatat: Saya ingin memperbarui utas lama ini dengan menampilkan contoh yang ditanyakan plus pembaruan yang lebih baru dan lebih mudah bagi mereka yang masih membaca ini. ;)
Seperti disebutkan sebelumnya, document.forms juga berfungsi.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formJika atribut Anda <input>atau <textarea>memiliki, id=mytextgunakan
mytext.focus();window.onload adalah untuk menempatkan fokus pada awalnya blur adalah untuk menempatkan fokus saat Anda mengklik di luar textarea, atau menghindari blur area teks
<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();.