2010-06-17 7 views
0

사용자가 브라우저의 닫기 버튼을 클릭하면 JavaScript를 사용하여 경고를 보내려고합니다. 어떻게 이벤트를 감지합니까?자바 스크립트를 사용하여 버튼 감지 닫기

+1

'크로스'버튼이란 무엇입니까? – ZippyV

+0

불편을 끼쳐 드려 죄송합니다. "크로스 브라우저 버튼"의 크로스 버튼입니다. –

+0

의미는 'X'버튼을 클릭 할 때 브라우저 창을 닫지 않도록 사용자에게 묻는 것입니까? 십자가?! – deostroll

답변

3

beforeunload 이벤트를 연결하여 사용자가 페이지를 떠날 때 뭔가 할 수 있습니다. 브라우저를 닫는 사용자는 직접 검색 할 수 없습니다. MDCMSDN 페이지에

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
<title>Test Page</title> 
<style type='text/css'> 
body { 
    font-family: sans-serif; 
} 
</style> 
<script type='text/javascript'> 
window.onbeforeunload = askWhetherToClose; 
function askWhetherToClose(event) { 
    var msg; 

    msg = "You're leaving the page, do you really want to?"; 
    event = event || window.event; 
    event.returnValue = msg; 
    return msg; 
} 
</script> 
</head> 
<body> 
<p>Close the browser window, or navigate to <a href="http://stackoverflow.com">StackOverflow</a></p> 
</body> 
</html> 

더 :

다음은 예입니다. 이 지식은 선한 목적으로 만 사용하십시오.

+0

크로스 버튼은 BROWSER CLOSE BUTTON RED ICON X 버튼을 의미합니다. 사용자가 브라우저 닫기 버튼 (빨간색 아이콘)을 클릭 할 때 새 창을 열려고합니다. 따라서 사용자가 브라우저의 닫기 버튼을 클릭 할 때 이벤트를 감지해야합니다. –

+0

사용자가 창을 닫으려고 할 때 새 창을 열려고합니까? 나는 90 년대에 광고로 당신을 포격 한 사기가 많은 장소를 생각 나게한다. 다행히도 브라우저는 지금부터 사용자를 보호하므로 불가능합니다. – Quentin

+0

@Ajay : StackOverflow (및 Gmail 등) 동작을 구현하는 방법에 대한 답변을 업데이트하여 사용자가 실제로 반 조립 메시지 등으로 페이지를 나가기를 원하는지 여부를 다시 확인했습니다. 새 창을 열 수 없으며 (신뢰할 수있게) 그렇게하는 것이 적절하지 않습니다. –

1
<body onunload="javascriptHere();"> 
+0

닫기 버튼 클릭 이벤트뿐만 아니라 일반적인 페이지 이탈 이벤트이며 일부 경우 브라우저에서이 이벤트가 차단 될 수 있음을 언급해야합니다. 사용자가 창을 닫거나 사이트를 떠나는 것을 감지하는 안전한 방법은 없습니다. –

관련 문제