반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- mysql
- submit
- javascript
- jenkins
- MSsql
- config
- Push
- Next.js
- git
- popup
- pwa
- ajax
- Eclipse
- node.js
- FCM
- security
- NextJS
- Maven
- centos7
- docker
- Java
- MariaDB
- rocky9
- jquery
- SpringBoot
- spring3
- PM2
- nodejs
- yona
- mybatis
Archives
- Today
- Total
목록Back Forward Cache (1)
ふたりで
브라우저의 뒤로가기 버튼 이벤트 케치 Back Forward Cache
submit후 브라우저 자체의 뒤로 가기 버튼을 클릭할 경우 Back Forward Cache에 의해 이전 화면의 input, checkbox 등이 체크된 상태 그대로 남아 있다. 하지만 input 박스의 이벤트 등은 다시 호출되지 않기에 계산식은 동작을 하지 않아 입력 값과 계산 금액이 맞지 않았다. 이런 경우 아래와 같이 해당 페이지에서 Back Forward Cache 관련 이벤트들을 잡아 계산 로직도 실행될 수 있도록 input테그에 이벤트를 강제로 trigger 시켜주자. window.onpageshow = function(event) { // Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우 if ( event.persisted || (window.p..
javascript
2023. 1. 25. 13:49