open a custom popup on browser window/tab close

by 
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<title>K3logics.com</title>
	<script>
		var mouseX = 0;
		var mouseY = 0;
		var popupCounter = 0;

		document.addEventListener("mousemove", function(e) {
			mouseX = e.clientX;
			mouseY = e.clientY;
			document.getElementById("coordinates").innerHTML = "<br />X: " + e.clientX + "px<br />Y: " + e.clientY + "px";
		});

		$(document).mouseleave(function () {
			if (mouseY < 100) {
				if (popupCounter < 1) {
					alert("Please do not close the tab!");
				}
				popupCounter ++;
			}
		});

	</script>
</head>
<body>
	<div id="page-wrap">
		<span id="coordinates"></span>	
		<h1>Hi, Move your mouse cursor around then try to close the window of browser! - <a href="https://www.k3logics.com" target="_blank">https://www.k3logics.com</a></h1>
	</div>
</body>
</html>

More Related Contents:

  1. javascript: hiding contents of key
  2. Need Pattern for password field?
  3. jQuery Ajax POST example with PHP
  4. Using jQuery’s ajax method to retrieve images as a blob
  5. How to import jquery using ES6 syntax?
  6. How to get a style attribute from a CSS class by javascript/jQuery?
  7. Submit multiple forms with one submit button
  8. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  9. Jquery: change event to input file on IE
  10. jquery clone form fields and increment id
  11. Limiting number of lines in textarea
  12. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  13. jQuery counting elements by class – what is the best way to implement this?
  14. Google Maps Display:None Problem
  15. JavaScript keypress event not raised on Android browser
  16. Error handling in getJSON calls
  17. How to make Jquery UI Tabs scroll horizontally if there are too many tabs
  18. Choosing Mobile Web HTML5 Framework [closed]
  19. Check if date is in the past Javascript
  20. how to bind Bootstrap-datepicker element with angularjs ng-model?
  21. Is JQGrid free?
  22. Show text letter by letter
  23. Prevent firing focus event when clicking on div
  24. Get element’s ID and set it as variable
  25. How to get on-screen visible element objects in jQuery? [duplicate]
  26. Determining if a HTML element has been added to the DOM dynamically
  27. Is the callback on jQuery’s getScript() unreliable or am I doing something wrong?
  28. Multiple url in same ajax call?is this possible?
  29. JQuery select pseudo-element :after [duplicate]
  30. Detecting if a device is able to change orientation in JavaScript

Leave a Comment