タブ

Question

を閉じる前にJavaScriptの警告これは私のJavaScriptコードです：

window.onbeforeunload = function (e) { 
     e = e || window.event; 
     // For IE and Firefox prior to version 4 
     if (e) { 
      e.returnValue = 'Any unsaved work is going to loose!'; 
     } 
     // For Safari 
     return 'Any unsaved work is going to loose!'; 
    }; 

私はタブを閉じるしようとすると、このコードは完璧に動作します。しかし、問題は、私のサイトの別のページに移動しようとしても警告を発することです。

ユーザがタブを閉じようとした場合にのみアラートを表示するジェネリックJSコードはありますか？

Answer 1

残念ながら、javascriptには純粋な「クローズ」イベントはありません。 onunload & onbeforeunloadはあなたができることの中で最善のことです。

これらのイベントは、ナビゲーションボタンとバックフォワードブラウザボタンでトリガされることがあります。ページ上のナビゲーションをフィルタリングするには、（e.clientY < 0）の条件を使用することができます。

Answer 2

次に、window.locationが変更されているかどうかを確認します。

Answer 3

window.onbeforeunload = function (e) { 
    if (document.location.href.indexOf('?x=hostname') > -1) { 
     e = e || window.event; 
     // For IE and Firefox prior to version 4 
     if (e) { 
      e.returnValue = 'Any unsaved work is going to loose!'; 
     } 
     // For Safari 
     return 'Any unsaved work is going to loose!'; 
} 
    }; 

Answer 4

を見つけるあなたはe.targetが

はまた別のものは、あなたは、あなたのコードを挿入します....

if (e.target != myATagsOrButtons){ のような何もしない行くのが良いと思われる場合e.target if isWorking変数をtrueに設定することができます。フォームに項目を入力した場合、フォームに項目を入力してから、フォームに入力した場合はナビゲートしても問題ありません。

<input type='text' onkeydown='isUpdating()'>次に、必ず更新を確認してください。

Answer 5

なぜあなたは、ユーザーが離れたドメインからナビゲートしているかどうかを確認し、ので、あなたの現在のページ内の任意のアンカーをクリックする場合は、イベントのバインドを解除でき、アラート

window.onbeforeunload = function (e) { 
    e = e || window.event; 
    // For IE and Firefox prior to version 4 
    if (e && window.location.indexOf("www.mysite.com") > -1) { 

     e.returnValue = 'Any unsaved work is going to loose!'; 
    } 
    // For Safari 
    return 'Any unsaved work is going to loose!'; 
};