>웹 프론트엔드 >JS 튜토리얼 >JavaScript Focus() 함수는 ``?를 대상으로 할 수 있습니까?

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

Barbara Streisand
Barbara Streisand원래의
2024-11-05 08:37:021028검색

Can a JavaScript Focus() Function Target a ``?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.