tabindex

TIL - 20220908

오늘은 모던 JavaScript 튜토리얼에서 focus와 blur에 대해 공부했다. 작성한 질문은 다음과 같다. focus와 blur 이벤트는 다음과 같은 경우에 발생한다. focus: 요소가 포커스를 받을 때, 이벤트가 발생한다. blur: 요소가 포커스를 잃을 때, 이벤트가 발생한다. 회원가입 상황을 가정하여 focus 되었을 때는 에러 메시지를 숨기고 blur 되었을 때 규칙에 맞는 입력을 했는지 확인하고 알맞게 입력하지 않았을 경우 에러 메시지를 출력한다. 사용자와 상호작용하는 요소인 , , , 들은 확실히 focus와 blur를 제공하지만 , , 요소들은 focus, blur 이벤트가 트리거되지 않는다. 하지만, tabIndex를 사용하면 포커스를 할 수 있다. tabIndex 속성이 있는 요소..