nmorse/onbeforeunload.html

## onbeforeunload.html
<!DOCTYPE html>
<html>
<body>
<p>Close this window, press F5 or click on the link below to invoke the beforeunload event.</p>
<p>The problem is that we cannot tell the difference between unload and reload</p>
<a href="http://www.google.com">Click here to go to google.com</a>

<div id="count">0</div>

<script>
var count = 0;
var countEle = document.getElementById("count");

window.addEventListener("beforeunload", function(event) {
    count++;
    countEle.innerHTML = count;
    event.returnValue = "By Leaving this page, you will be logged out of your session.";
});
</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>
	<p>Close this window, press F5 or click on the link below to invoke the beforeunload event.</p>
	<p>The problem is that we cannot tell the difference between unload and reload</p>
	<a href="http://www.google.com">Click here to go to google.com</a>

	<div id="count">0</div>

	<script>
	var count = 0;
	var countEle = document.getElementById("count");

	window.addEventListener("beforeunload", function(event) {
	count++;
	countEle.innerHTML = count;
	event.returnValue = "By Leaving this page, you will be logged out of your session.";
	});
	</script>

	</body>
	</html>