Question

我试图在用户离开页面时触发事件，这意味着更改标签等。这是我到目前为止所做的：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script>
            $(window).on('beforeunload', function() {
                alert('Youre trying to leave this page');
            });

            $(document).ready(function() {
                alert('test');
            });
        </script>
        <title>Bounce catcher</title>       
    </head>
    <body>
        hdjkfhdskjfhdskhfds
    </body>
</html>

但它不起作用。 “测试”警报正常显示，但是在beforeunload事件上的另一个警报不起作用，显示，什么也没有。无论是更改标签，还是关闭标签。

我在osx上使用chrome，出了什么问题？控制台也没有显示任何内容。将事件更改为简单地“卸载”也不起作用。将窗口功能放在文档块中不起作用。

Answer 1

<script>
    $(window).on('beforeunload', function() {
        return 'Youre trying to leave this page';
    });

    $(document).ready(function() {
        alert('test');
    });
</script>

Answer 2

在函数中使用return替换alert，请记住此函数必须返回beforeunload返回

$(window).on('beforeunload', function() {
                return 'Youre trying to leave this page';
            });

Answer 3

$(window).bind('beforeunload', function(){
  return 'Youre trying to leave this page';
});

http://jsfiddle.net/3kvAC/2619/

离开页面时触发事件

3 个答案: