2011/04/03

jQueryで閉じる/更新時のイベントを取得

jQueryでページを閉じたり更新する前のイベントを取得する方法


  1. $( window ).bind( "beforeunload"function( e ) { return "このページから移動しますか?  
  2.     入力したデータは保存されません。"; } );  


最新バージョンのブラウザ毎の動作
  • Firefox4では、戻り値の文言ではなくブラウザが文言を表示
  • Google Chrome10では、戻り値の文言を表示
  • Opera 11.10βでは、イベントがとれないので動作しない

2011/04/07 追記
Chromeでは、jQueryを使用すると、callbackが2回呼ばれる。
  1. window.onbeforeunload = function(){  
  2.  return "このページから移動しますか? 入力したデータは保存されません。";   
  3. }  
だと1回のみ呼ばれる。

0 コメント:

コメントを投稿

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates