JavaScript에서 포커스가 있는 DOM 요소를 어떻게 찾고 관리할 수 있나요?

포커스가 있는 DOM 요소 찾기

대화형 웹 애플리케이션을 개발할 때 어떤 요소가 포커스를 잡고 있는지 결정하는 것은 다음과 같은 다양한 기능에 매우 중요합니다. 탐색 및 양식 유효성 검사. JavaScript에서는 document.activeElement를 사용하여 포커스된 요소를 식별합니다.

포커스된 요소를 검색하려면 현재 입력 포커스가 있는 DOM 요소를 반환하는 document.activeElement에 액세스하기만 하면 됩니다. 이 방법은 주요 브라우저에서 널리 지원됩니다.

레거시 브라우저에서 초점 감지 에뮬레이션

document.activeElement를 지원하지 않는 이전 브라우저에서는 초점 감지를 대략적으로 수행할 수 있습니다. 초점 및 흐림 이벤트에 대한 이벤트 핸들러를 구현합니다. 각 양식 필드에 대해 포커스 이벤트 핸들러를 추가하여 포커스된 필드의 ID로 전역 변수를 업데이트합니다. 또한 초점이 맞춰진 필드가 초점을 잃을 때 변수를 지우는 흐림 처리기를 추가하세요.

초점 제거

필요한 경우 흐림을 사용하여 활성 요소에서 초점을 제거할 수 있습니다. . document.activeElement.blur()를 호출하면 활성 요소에서 포커스가 제거되고 본문 요소로 설정됩니다.

위 내용은 JavaScript에서 포커스가 있는 DOM 요소를 어떻게 찾고 관리할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!