반응형
[React, Next.js] 뒤로가기(이전 페이지 가기) 방지
const preventGoBackHandler = () => {
history.go(1);
};
useEffect(() => {
window.addEventListener("popstate", preventGoBackHandler);
return () => {
window.removeEventListener("popstate", preventGoBackHandler);
};
}, []);
history.go를 이용해 뒤로가기를 막는 효과이다.
* 사실 뒤로가기 자체를 막는 로직은 아니고 뒤로가고 앞으로 오는 로직이지만 UX적으로는 현재 페이지에 머물러 있는다.
hisyoty.go
2023.02.12 - [분류 전체보기] - [js] history.back(), history.forward(), history.go()
반응형
'개발 팁 정리' 카테고리의 다른 글
mongoose, typegoose, nestjs-typegoose, kindagoose 사용이유 (0) | 2023.03.03 |
---|---|
영어, 숫자, 특수 문자, 글자 수 제한 정규식 모음 (0) | 2023.02.13 |
[개발용어] Nullable(?) (0) | 2023.02.06 |
[js] ?? Mark(QQ Mark_Question Question Mark) (0) | 2023.02.03 |
[NestJS] "," 로 split하여 DB에서 속성값 2가지 이상 읽어오기 (0) | 2023.02.02 |
댓글