반응형
JS : 자식 창이 닫힐 때 듣기
이 방법으로 페이스 북 공유를 위해 자식 창을 엽니 다.
window.open(sharingUrl,'','toolbar=0,status=0,width=626,height=436');
사용자가 공유 또는 닫기를 클릭하면 창이 자동으로 닫힙니다 ... 이러한 이벤트에 리스너를 추가하는 방법이 있습니까?
를 호출 할 때 자식 창에 대한 참조를 저장 window.open()하면를 사용하여 폴링하여 속성을 setInterval()사용하여 창이 아직 열려 있는지 확인할 수 있습니다 window.closed. 아래 예는 초당 두 번 확인합니다.
var child = window.open('http://google.com','','toolbar=0,status=0,width=626,height=436');
var timer = setInterval(checkChild, 500);
function checkChild() {
if (child.closed) {
alert("Child window closed");
clearInterval(timer);
}
}
기타 참고 사항 : 자식 창에서 html을 제어 할 수있는 상황이 발생하면 onbeforeunload 이벤트를 사용 하여 부모 창에 경고 할 수 있습니다.
향후 참조를 위해 다음이 필요하지 않은 다른 솔루션을 공유하고 싶습니다 setInterval.
var child = window.open('http://google.com','','toolbar=0,status=0,width=626,height=436');
child.onunload = function(){ console.log('Child window closed'); };
이것은 잘 작동합니다
<html>
<head>
<title>Detecting browser close in IE</title>
<script type="text/javascript">
window.onbeforeunload = function(){ myUnloadEvent(); }
function myUnloadEvent() {
alert ('You can have Ur Logic Here ,');
}
</script>
</head>
</script>
</head>
<body >
<h1>Close the Window now</h1>
</body>
</html>
참조 URL : https://stackoverflow.com/questions/5712195/js-listen-when-child-window-is-closed
반응형
'Nice programing' 카테고리의 다른 글
| 대화 상자를 통한 Android 공유 (0) | 2021.01.10 |
|---|---|
| Glassfish 또는 Tomcat 앞에서 Apache Web Server를 사용하는 이유는 무엇입니까? (0) | 2021.01.10 |
| XCode 4에서 특정 코드 줄로 이동하려면 어떻게합니까? (0) | 2021.01.10 |
| 1 테라 바이트의 텍스트를 구문 분석하고 각 단어의 발생 횟수를 효율적으로 계산 (0) | 2021.01.10 |
| AWS EC2 Ubuntu Ubuntu 12.04.1 LTS : deb 명령을 찾을 수 없음 (0) | 2021.01.10 |