什么元素触发页面退出

Question

我试图找到触发页面退出的元素。假设他们点击了 a href...我将把 JS 发起的位置更改留给另一场战斗。我想在退出之前做一些处理（即保存应用程序的状态）。

我尝试过的方法：

$(window).bind("unload", function(e) { console.log("====EXIT===="); console.log($(this)); console.dir(e); } );

$(this) 和“e”（事件）都没有引用导致它的元素。

• $(this) 什么也没有
• ，“e”打印一个空对象“c.Event”

Answer 1

我强调这个对你有用。

$(document).ready(function(){

    $('a').click(function(event){
        var pageUrl = $(this).attr("href");
        if(pageUrl.indexOf('google.com') == -1 && !$(this).attr("rel") && pageUrl.indexOf('javascript')==-1){
            //only your domain, lightboxes, and javascripts, otherwise cancel event.
            event.preventDefault(); 
            console.log('sorry dude no another site');
        }
    });

});

尝试这些；

<a href="http://google.com">google</a>
<a href="http://yahoo.com">another site</a>
<a href="javascript:alert(1)">alert</a>
<a href="http://www.gravatar.com/avatar/b46c1b6ff31e665600a62482f197622f?s=32&d=identicon&r=PG" rel="ligthbox">image</a>

Answer 2

JavaScript 事件是“onBeforeUnload”，其对应的 jQuery 事件是“beforeunload”：

$(window).bind('beforeunload', function() {
  confirm("You know you're leaving this page, right?");
});

编辑 -

确定哪个元素导致 URL 更改的唯一方法是挂钩页面上的所有元素。例如：

var lastElementClicked;

$('a').click(function(){
  lastElementClicked = this;
});

然后您可以使用 lastElementClicked 对象的属性 - 例如 href、data() 或 html() - 在 beforeUnload 中执行逻辑。