JavaScript Focus() 함수는 ``?를 대상으로 할 수 있습니까?

JavaScript Focus() 함수가

를 대상으로 지정할 수 있습니까?

에서 focus() 함수를 사용하려고 시도하더라도 여전히 남아 있습니다. 반응이 없습니다. 이 문서에서는 문제를 자세히 살펴보고 해결책을 제공합니다.

Tabindex 할당

JavaScript의 focus() 함수를 사용하려면 tabindex 속성을 할당해야 합니다. 다음은 제공된 코드의 수정된 버전입니다.

<code class="html"><div id="tries" tabindex="0">You have 3 tries left</div></code>

Tabindex 옵션

1. tabindex="0": 태그가 자연스러운 탭 순서의 일부가 됩니다. .
2. 양수: 특정 포커스 우선순위 순서를 지정합니다(예: tabindex="1").
3. tabindex="-1": div는 스크립트로만 포커스할 수 있으며, 포커스할 수는 없습니다.

다음은 tabindex "-1"이 있는 div에 프로그래밍 방식으로 초점을 맞추는 방법을 보여주는 예입니다.

<code class="html"><div id="test">Click to Set Focus</div>
<div tabindex="-1" id="scripted">Element Z</div></code>

<code class="js">document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};</code>

이러한 변경 사항을 추가하면 다음을 성공적으로 수행할 수 있습니다.

JavaScript의 focus() 함수를 사용합니다.

위 내용은 JavaScript Focus() 함수는 ``?를 대상으로 할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!