带有自定义文本的Jquery Exit弹出窗口

Question

我需要在我的购物车网站上使用jquery Exit popup。如果任何人试图退出网站，那么将有10％折扣的弹出窗口让他留在该页面上。 我搜索了很多，但只有确认框的例子。

任何人都可以告诉我这样做的例子。

Answer 1

我认为这根本不可能。如果您在用户尝试离开页面时可以执行任何操作，则可以例如永远不要让他这样做。换句话说 - 您无法显示默认对话框的自定义弹出窗口INSTEAD。

您可以做的是显示标准对话框并在后台执行某些操作。 E.g。

<script type="text/javascript">
    $(window).bind('beforeunload', function() {
        window.discountPercent = 10;
        $("body").append("<strong>You now have a " + discountPercent + "% discount!</strong>");
        return 'You will get a discount if you dont leave. Still wanna leave?'; 
    });
</script>