当我们尝试关闭窗口时弹出鼠标悬停并弹出

时间:2016-05-09 18:33:12

标签: javascript jquery html user-interface cross-browser

我有一个问题,我们必须看到很多次,当我们即将关闭窗口并将鼠标悬停在浏览器标签上的十字架上时,会出现一个弹出窗口,要求我们订阅或突出显示一些优惠券。此功能基于浏览器的哪个功能,它利用了一些PHP代码或一些人工智能。

1 个答案:

答案 0 :(得分:1)

它在客户端运行,作为与用户界面交互的所有内容。

以下示例显示了如何使用纯JavaScript进行此操作(未经过所有浏览器测试,但适用于Chrome)

<!DOCTYPE html>
<html>
    <head>
        <title>Page exit example</title>
        <script type="text/javascript">

            var showMessage = true;
            window.onmouseout = function(){

                if(showMessage){
                    showMessage = false;
                    document.getElementsByTagName('body')[0].innerHTML = "Dont leave yet!";
                }

            };

        </script>
    </head>
    <body>
        <h1>Hello world</h1>
    </body>
</html>