자바스크립트 새로고침 후 focus 관련 질문

Question

하나의 페이지를 여러개의 탭으로 만들어 놓고, 탭을 클릭시 show, hide로 변경 하여 보이도록 만들어 놓았습니다.그런데 A, B, C 탭이 있다면 기본 A탭이 보이도록 해놓았는데, C탭 클릭 후 show한 뒤 C탭 내부에서 버튼을 클릭하면다른 데이터를 받아오고 새로고침이 되는데, 새로 고침이 되다보니 C탭이 바로 나오는게 아니라 다시 A탭이 나오는 문제가 있습니다.C탭 내부에서 버튼을 클릭하면, focus가 자동으로 C탭이 활성화된 상태로 나오면서 다시 새로고침이 되도록 하려면 어떻게 해야하나요?!ㅠㅠ

날리지베이스 · Answer

왜 새로고침이 되야되여? ajax로하면 쉽게 해결할거같은데

시인들 · Answer

음..잘생각해보셔야 되는겡;; 최초진입 시점이랑 탭을 누르고 새로고침했을 때의 시점에 대한 구분이있어야 겠졍 어떻게 구분할징 고민해보시는 걸 추천드려연~

yeori · Answer

새로고침이 안되도록 구조를 바꾸는게 가장 바람직하지만, 그럴 수 없는 상황이라면 현재 active탭을 특정할 수 있는 값을(id같은거) session storage에 저장하는게 좋아보입니다.const showTab &#61;(tab) &#61;> { sessionStorage.setItem('active.tab', tabl.id); ... }새로 고침 시 탭을 활성화하는 코드는 아래와 같은 형태가 될듯 하네요.const initTab &#61; () &#61;> { const tabId &#61; sessionStorage.getItem('active.tab'); if (tabId) { const tab &#61; findTab(tabId); showTab(tab); } }

자바스크립트 새로고침 후 focus 관련 질문

3개의 답변

#focus 목록