ページの終了をトリガーする要素

Question

ページ終了を引き起こした要素を見つけようとしています。彼らがa hrefをクリックしたとします...私は別のバトルのためにJSが開始した場所の変更を残します。私は終了する前に（つまり、アプリケーションの状態を保存する）いくつかの処理を行いたい。私が試した何

：

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

どちら$（この）も "E"（イベント）は、それを引き起こした要素を参照します。

• $（これは）何も
• されず、 "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'); 
     } 
    }); 

}); 

theeseで試してください。 ：

<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?"); 
}); 

EDIT -

どの要素がURL変更を引き起こしたかを判断する唯一の方法は、ページ上のすべての要素をフックすることです。例えば：あなたのロジックを実行するためにbeforeUnloadで - - などhref、data()またはhtml()

var lastElementClicked; 

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

はその後、lastElementClickedオブジェクトの属性を使用することができます。