JS를 사용하여 포커스 요소 code_javascript 기술 얻기

좋은 사용자 경험을 위해서는 웹사이트/웹앱 접근성, 사용성, 기능성이 중요합니다.
사용자들은 우리 웹사이트가 잘 운영될 때/경험이 좋을 때를 깨닫지 못하지만, 우리가 잘 하지 못할 때는 분명히 느낄 것입니다. 애플리케이션의 유용성과 접근성의 중요한 구성 요소는 입력 포커스를 처리하는 것이지만 개발자가 종종 간과하는 부분입니다.

입력 포커스를 잘못 처리하는 예: 링크를 클릭한 후 창을 열었지만 창의 어떤 요소에도 커서의 초점을 맞추지 않은 경우입니다. 또는 더 나쁜 경우: 모달 창의 요소에 초점을 맞추지만 닫은 후에 초점이 반환되지 않습니다. 이상적으로는 링크가 트리거될 때 참조를 저장한 다음 커서를 새 창에 맞추고 창이 닫힐 때 커서를 뒤로 이동하는 것입니다.

하지만 입력 커서가 현재 어느 요소에 있는지 모른다면 document.activeElement 속성을 통해 현재 문서에서 포커스가 있는 요소를 가져올 수 있습니다! >
document.activeElement를 사용하면 현재 선택된 요소를 쉽게 찾을 수 있습니다.