JSFiddle - React, Tailwind, and code Playground

FIre before close page tab

by Shah Danial

HTML

<div id='msg'>

</div>
<div>
    <span id="coordinates"></span>  
</div>

CSS

#msg { color: red }

JavaScript

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.addEventListener('mouseleave', function () {
    if (mouseY < 100) {
        if (popupCounter < 1) {
            document.getElementById('msg').innerHTML = "Please don't close the tab!";
        }
        popupCounter ++;
    }
});