Tôi có một mẫu web với một hộp văn bản trong đó. Làm cách nào để cài đặt tiêu điểm vào hộp văn bản theo mặc định?
Một cái gì đó như thế này:
<body onload='setFocusToTextBox()'>Vì vậy, bất cứ ai có thể giúp tôi với nó? Tôi không biết cách đặt tiêu điểm vào hộp văn bản bằng JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Câu trả lời:
Làm cái này.
Nếu yếu tố của bạn là một cái gì đó như thế này ..
<input type="text" id="mytext"/>Kịch bản của bạn sẽ là
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNamehoặc Node.childNodes) và hoặc dựa trên một cấu trúc tài liệu đã biết hoặc nhìn đối với một số thuộc tính yếu tố cụ thể.
Để biết giá trị của nó, bạn có thể sử dụng autofocusthuộc tính trên các trình duyệt tương thích HTML5. Hoạt động ngay cả trên IE kể từ phiên bản 10.
<input name="myinput" value="whatever" autofocus />Thông thường khi chúng ta tập trung vào một hộp văn bản, chúng ta cũng nên cuộn vào xem
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Kiểm tra nếu nó giúp.
Nếu mã của bạn là:
<input type="text" id="mytext"/>Và nếu bạn đang sử dụng JQuery, bạn cũng có thể sử dụng điều này:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Hãy nhớ rằng bạn phải vẽ đầu vào trước $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, theo trung tâm trợ giúp của stackoverflow. Tôi tìm thấy nơi này gần các loại. Giúp đỡ không giới hạn trong OP, phải không?
Tôi đã từng sử dụng này:
<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>Điều đó nói rằng, bạn chỉ có thể sử dụng thuộc tính tự động lấy nét trong HTML 5.
Xin lưu ý: Tôi muốn cập nhật chủ đề cũ này hiển thị ví dụ được hỏi cộng với bản cập nhật mới hơn, dễ dàng hơn cho những người vẫn đọc nó. ;)
Như đã đề cập trước đó, document.forms cũng hoạt động.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formNếu thuộc tính của bạn <input>hoặc <textarea>có id=mytextthì sử dụng
mytext.focus();window.onload là đặt tiêu điểm ban đầu onblur là đặt tiêu điểm trong khi bạn nhấp bên ngoài vùng văn bản, hoặc tránh làm mờ vùng văn bản
<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();.