필드 오토 포커스는 어떻게합니까?

사용자가 페이지를 열 때이 필드를 집중시켜야합니다. 그것은 아무것도 변경하지 않으면 모르지만 PHP 파일에서로드하는 모달 창 안에 있습니다.필드 오토 포커스는 어떻게합니까?

쉬운 방법이 있습니까?

2011-01-13 lisovaccaro

자바 스크립트 autofocusers을 (여기에 다른 답변에 주어진) 작동하지만 일부 사용자에게 성가신 수 있습니다. 예를 들어, 페이지가로드되는 동안 다른 필드에 포커스를 설정하면 JavaScript가 포커스를 이동하고 잘못된 필드에 입력하여 "도움"할 수 있습니다. ux.stackexchange.com의 This question에는 몇 가지 단점이 더 있습니다.

HTML5는 양식 요소에 대해 autofocus attribute을 도입 했으므로 브라우저 자체에서 동작을 일관되게 구현할 수 있으며 자극을 느끼는 사용자는 동작을 끌 수 있습니다. 물론 이것은 아직 모든 브라우저에서 지원되지 않습니다. 자세한 내용은 autofocus fields의 Mark Pilgrim의 우수 Dive Into HTML5 도서 섹션을 참조하십시오.

출처

2011-01-13 03:09:15 Day

+1 '성가신' – Dancrumb

@Dancrumb 옙, 방금 더 많은 토론을 가지고있는 [관련 질문에 ui.stackexchange.com] (http://ui.stackexchange.com/q/2861/2530)에 링크를 추가했습니다. – Day

고맙습니다. "자동 초점"을 추가하고 나중에 모든 브라우저에서 작동하도록 모든 것을 읽습니다. 감사 – lisovaccaro

자바 스크립트를 사용하여이를 달성 할 수

document.onload = function() { 
    document.getElementById("question-box-0").focus(); 
}

출처

2011-01-13 02:49:40

나는 PHP 파일에서로드하는 모달 창이기도하다. 그게 할 일이 있니? 양식 바로 위에 스크립트를 추가했는데 작동하지 않았습니다. 감사합니다. – lisovaccaro

양식이있는 파일의 ''태그 내에 존재하도록 스크립트를 추가해야합니다. ''태그로 둘러 쌉니다. –

JS가로드 된 Ajax 또는 유사한 프레임 워크가 작동하지 않습니다. JS 함수를 실행하려면 에로드해야합니다. @MichaelIrigoyen은 – mandza

<html> 
<head> 
<script> 
document.onload = function() { 
document.getElementById('question-box-0').focus(); 
}; 
</script> 
</head> 
<body> 
... 
</body> 
</html>

출처

2011-01-13 02:50:29

으로 작동합니다. 작동하지 않았습니다. PHP 파일에서로드하는 모달 창입니다. 그게 할 일이 있니? 양식 바로 위에 스크립트를 추가했는데 작동하지 않았습니다. 감사합니다 – lisovaccaro

예보기와 같이 태그에 스크립트를 설정하십시오. 이는 실제로 이벤트가 발생하기 전에 document.onload 이벤트 핸들러가 설정되도록합니다. –

필드 오토 포커스는 어떻게합니까?

답변

관련 문제