Is it possible to detect when the mouse is over the browser tab?

Question

I was assigned a task to make a script which will generate a pop-up window when the mouse cursor goes over the current opened browser tab.

Something like this demo : http://demo.exitmonitor.com/ but here the pop-up appears always when the mouse leaves the top part of the web page.

I need to generate this window exactly when the mouse is over my current active browser tab.

Is it possible to do this with javascript?

Answer 1

I believe you need mouseleave event:

<script>
        function addEvent(obj, evt, fn) {
            if (obj.addEventListener) {
                obj.addEventListener(evt, fn, false);
            }
            else if (obj.attachEvent) {
                obj.attachEvent("on" + evt, fn);
            }
        }
        addEvent(window, "load", function (e) {
            addEvent(document, "mouseleave", function (e) {
                e = e ? e : window.event;
                var from = e.relatedTarget || e.toElement;
                if (!from || from.nodeName == "HTML") {

                    //.... do_this
                }
            });
        });
    </script>