ฉันมีเว็บฟอร์มพร้อมกล่องข้อความอยู่ ฉันจะตั้งค่าโฟกัสไปที่กล่องข้อความเป็นค่าเริ่มต้นได้อย่างไร
บางสิ่งเช่นนี้
<body onload='setFocusToTextBox()'>ใครช่วยฉันได้บ้าง ฉันไม่รู้วิธีตั้งโฟกัสไปที่กล่องข้อความด้วย JavaScript
<script>
function setFocusToTextBox(){
//What to do here
}
</script>คำตอบ:
ทำเช่นนี้.
หากองค์ประกอบของคุณเป็นแบบนี้ ..
<input type="text" id="mytext"/>สคริปต์ของคุณจะเป็น
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameหรือNode.childNodes) และทั้งพึ่งพาโครงสร้างเอกสารที่รู้จักกันหรือมองหาคุณสมบัติขององค์ประกอบบางอย่าง
สำหรับสิ่งที่คุ้มค่าคุณสามารถใช้autofocusแอตทริบิวต์บนเบราว์เซอร์ที่ทำงานร่วมกับ HTML5 ได้ ทำงานได้แม้บน IE ในเวอร์ชัน 10
<input name="myinput" value="whatever" autofocus />โดยปกติเมื่อเรามุ่งเน้นไปที่กล่องข้อความเราควรเลื่อนดู
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}ตรวจสอบว่ามันช่วย
หากรหัสของคุณคือ:
<input type="text" id="mytext"/>และถ้าคุณใช้ JQuery คุณสามารถใช้สิ่งนี้ได้เช่นกัน:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>โปรดทราบว่าคุณต้องวาดอินพุตก่อน $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrectอ้างอิงจากศูนย์ช่วยเหลือของ stackoverflow ฉันพบสิ่งนี้ใกล้กับหมวดหมู่เหล่านั้น การช่วยเหลือไม่ได้ จำกัด อยู่ที่ OP ใช่หรือไม่
สำหรับ Javascript ธรรมดาให้ลองทำดังนี้:
window.onload = function() {
document.getElementById("TextBoxName").focus();
};ฉันเคยใช้สิ่งนี้:
<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>ที่กล่าวมาคุณสามารถใช้คุณลักษณะโฟกัสอัตโนมัติใน HTML 5
โปรดทราบ: ฉันต้องการอัปเดตเธรดเก่านี้ซึ่งแสดงตัวอย่างที่ถามพร้อมกับการอัปเดตที่ใหม่กว่าและง่ายกว่าสำหรับผู้ที่ยังอ่านข้อความนี้อยู่ ;)
ดังกล่าวก่อนหน้าdocument.formsทำงานด้วย
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formwindow.onload คือการวางโฟกัสในขั้นต้น onblur คือการใส่โฟกัสในขณะที่คุณคลิกที่ด้านนอกของ textarea หรือหลีกเลี่ยงพื้นที่ข้อความเบลอ
<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();ง่ายๆเช่นเดียวกับ