Javascript，离开页面前做点什么

Question

由于新的 GDPR 法律，当用户继续在我们的网站上浏览时，这将意味着他同意 cookie，我们需要记录这一点。

因此，我需要能够在用户离开页面之前做一些事情，跟随 link 或验证表单。我该怎么做？

我尝试使用 window.onbeforeunload，但这会触发警报，询问用户是否真的想离开该网站。在离开页面之前我必须执行两个操作：

记录 cookies

启动将要设置跟踪器的触发器

    window.onbeforeunload = function (e) {
        // Record the cookie
        // Launch a trigger to add the trackers
        return true;
    };

也许我犯了一个错误，如果有人可以帮助我

Answer 1

来自文档：

When this event returns (or sets the returnValue property to) a value other than null or undefined, the user is prompted to confirm the page unload.

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

所以你不应该在这个函数的末尾做一个return true;。

Answer 2

您始终可以在离开页面前使用 window.onbeforeunload():

调用您的函数

window.onbeforeunload = function(){
  recordCookie(); //function call for recording cookies
  setTracker(); // function call for setting tracker
  return; // returning null
};

警报原因，由于从 onbeforeunload 返回 null 或 undefined 以外的值而询问用户是否真的想离开网站，最终要求确认。

Answer 3

另一个问题，因为我使用事件来创建我的跟踪器，我的跟踪器的 eventListener 在页面重新加载之前不会执行是否存在一些风险？

window.onbeforeunload = function (e) {
    document.dispatchEvent(new Event('tracker.launch'));
};

我的事件监听器

 document.addEventListener('tracker.launch', function() {
    <!-- Google Analytics -->
    (function(i,s,o,g,r,a,m){ i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
});

Javascript，离开页面前做点什么

Javascript, do something before leaving page

javascript

onbeforeunload

eventtrigger