javascript - 是否可以检测鼠标何时位于浏览器选项卡上？

Question

我被分配了一个任务来制作一个脚本，当鼠标光标移到当前打开的浏览器选项卡上时，该脚本将生成一个弹出窗口。

类似这个演示:http://demo.exitmonitor.com/但是当鼠标离开网页顶部时，总是会出现弹出窗口。

我需要在鼠标位于当前事件浏览器选项卡上时准确生成此窗口。

可以用 javascript 实现这个功能吗？

Answer 1

我相信你需要 mouseleave 事件:

<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>