반응형 JS6 팝업창 닫힘 onunload가 아닌 스크립트로 체크하기 팝업창 닫힘 onunload가 아닌 스크립트로 체크하기 PG결제 연동 과정에서 처리 후 지정된 URL로 리턴되도록 처리되어 있었다. 결제 처리 과정에서 취소에 대한 후처리가 필요한데, PG결제 창에서의 취소는 취소 페이지로 이동하도록 되어 있어 처리가 가능하지만, 팝업 창의 닫기(X) 버튼 처리를 하기 위해서 "onunload" 이벤트를 처리하려고 했더니 페이지 이동에도 동일하게 실행되어 사용할 수 없게 되어 버렸다. "onunload" 이벤트 대신 스크립트를 통해 창이 닫혔는지 체크하도록 변경하였다. var pop = window.open('https://www.google.com'); var timer = setInterval(function() { onunload if(pop.closed) { cl.. 2022. 8. 3. [JS] 날짜 포맷 만들기 JavaScript 사용 중 날짜 포맷을 YYYY-MM-DD로 구할 때 한자리의 월에 "0"을 붙이는 작업에 깔끔한 소스가 생각나지 않았는데 stackoverflow에서 괜찮은 내용이 있었다. var MyDate = new Date(); var MyDateString; // YYYY/MM/DD MyDateString = MyDate.getFullYear() + '/' + ('0' + (MyDate.getMonth()+1)).slice(-2) + '/' + ('0' + MyDate.getDate()).slice(-2) ; alert(MyDateString); slice를 이용하여 slice(-2)를 할 경우 뒤에서 2자리를 가져오는 것이기 때문에 4월일 경우 "04" -> "04", 10월의 경우 "010.. 2021. 4. 20. [JS] FormData 객체 내용 확인 방법 html에서 FormData를 이용하여 데이터를 전송하는 과정에서 FormData의 값 확인 방법 var fd = new FormData($('#f')[0]); fd.append("addKey", "addVal"); // 추가할 데이터 // FormData의 값 확인 for (var pair of fd.entries()) { console.log(pair[0]+ ', ' + pair[1]); } 2020. 3. 11. JavaScript로 z-index 구하기 레이어 팝업을 올리기 위해서 화면의 최대 z-index를 구하려고 했지만 style에서 정의된 것이 아닌 외부 CSS 파일에 정의된 z-index를 가지고 올 수 없었다. (jQuery를 사용하는 환경에 너무 익숙해졌다) document.defaultView.getComputedStyle(el, null)의 경우 활성화 스타일, 속성 값이 모두 연산된 결과를 돌려주므로, 스크립트 등으로 속성을 변경하였다고 해도 문제없이 가져온다. const fnMaxZIndex = () => { let els = [...document.querySelectorAll('body *')]; let maxZindex = 1; els.forEach( (el) => { let zIndex = document.defaultView.. 2019. 12. 21. 이전 1 2 다음 반응형
