jQuery를 사용하여 페이지로드시 양식 입력 텍스트 필드에 집중하는 방법은 무엇입니까?
이것은 아마도 매우 간단하지만 페이지로드시 텍스트 상자에서 커서가 깜박이는 방법을 알려주는 사람이 있습니까?
첫 번째 텍스트 필드에 초점을 설정하십시오.
$("input:text:visible:first").focus();
첫 번째 텍스트 필드도 수행하지만 [0]을 다른 인덱스로 변경할 수 있습니다.
$('input[@type="text"]')[0].focus();
또는 ID를 사용할 수 있습니다 :
$("#someTextBox").focus();
이를 위해 HTML5autofocus 를 사용할 수 있습니다 . jQuery 나 다른 JavaScript가 필요하지 않습니다.
<input type="text" name="some_field" autofocus>
IE9 이하에서는 작동하지 않습니다.
확실한:
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#myTextBox").focus();
});
</script>
</head>
<body>
<input type="text" id="myTextBox">
</body>
왜 모두가 이렇게 간단한 것에 jQuery를 사용 하는가?
<body OnLoad="document.myform.mytextfield.focus();">
이를 수행하기 전에 사용자 인터페이스를 고려하십시오. jQuery의 ready()함수를 사용하여 문서를로드 할 때이 작업을 수행한다고 가정 합니다. 사용자가 문서를 넣기 전에 다른 요소에 이미 초점을 맞춘 경우 (완벽히 가능) 초점을 잃어 버리는 것은 매우 자극적입니다.
onfocus각 <input>요소에 속성 을 추가 하여 사용자가 이미 양식 필드에 초점을 맞추 었는지 여부를 기록한 다음 다음과 같은 경우 초점을 훔치지 않음으로이를 확인할 수 있습니다.
var anyFieldReceivedFocus = false;
function fieldReceivedFocus() {
anyFieldReceivedFocus = true;
}
function focusFirstField() {
if (!anyFieldReceivedFocus) {
// Do jQuery focus stuff
}
}
<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">
HTML :
<input id="search" size="10" />
jQuery :
$("#search").focus();
오래된 질문에 부딪쳐서 죄송합니다. 나는 구글을 통해 이것을 발견했다.
또한 둘 이상의 선택기를 사용할 수 있으므로 특정 유형이 아닌 모든 양식 요소를 대상으로 지정할 수 있습니다.
예.
$('#myform input,#myform textarea').first().focus();
첫 번째 입력 또는 텍스트 영역에 초점을 맞추고 물론 다른 선택기를 믹스에 추가 할 수도 있습니다. 특정 요소 유형을 먼저 확신 할 수 없거나 약간 일반적인 / 재사용 가능한 것을 원한다면 Hnady.
이것이 내가 선호하는 것입니다 :
<script type="text/javascript">
$(document).ready(function () {
$("#fieldID").focus();
});
</script>
입력 후 장소
<script type="text/javascript">document.formname.inputname.focus();</script>
이것을 달성하는 간단하고 쉬운 방법
$('#button').on('click', function () {
$('.form-group input[type="text"]').attr('autofocus', 'true');
});
줄 $('#myTextBox').focus()만으로는 커서를 텍스트 상자에 넣지 않고 대신 다음을 사용하십시오.
$('#myTextBox:text:visible:first').focus();
'IT story' 카테고리의 다른 글
| 자바 스크립트에서 문자열이 목록에 있는지 확인 (0) | 2020.04.20 |
|---|---|
| 쉘 스크립트에서 주석 차단 (0) | 2020.04.20 |
| Xcode 빌드 옵션의 영향 "비트 코드 사용"예 / 아니요 (0) | 2020.04.19 |
| 큰 MS SQL .sql 파일을 어떻게 가져 옵니까? (0) | 2020.04.19 |
| HTML에서는 ✓로 확인 표시를 할 수 있습니다. (0) | 2020.04.19 |