Javascriptとonbeforeunload？

Question

私は

<span class="cssButton"><a href="javascript:void(0);" class="buttonBlue" onclick="swfu.startUpload();"> <img src="http://uber-upload.com/img/icons/up_16.png" alt=""/> Uber-Upload! </a></span>

持っていると私はそれを作りたいので、あなたはボタンが、それはまた、あなたがページを離れるしようとすると、それが1をポップアップ表示されますようにそれを作る変数を設定することを押すと、アップロード中に人が誤って立ち去るのを防ぐため、「このページを残してよろしいですか？」というアラートが表示されます。

アップロードが終了した後に変数を設定しないことについて心配しないでください、私はそれを追加します、私はちょうどあなたの1人のスマートコーダーが私にフレームワークを作る必要があります。

ありがとうございます！

Answer 1

ページに、この宣言を追加します。

var upcount = 0; 

にあなたのonclickを変更

：swfuはあなたにそれをアップロードして行うのイベントのいくつかの種類を与える場合は、その上にこれを入れ、

onclick="++upcount; swfu.startUpload();" 

：

--upcount; 

このハンドラを追加してください：

window.onbeforeunload = function() { 
    if (upcount > 0) { 
     return "The upload is still in progress, leaving the page will cancel it."; 
    } 
} 

ブラウザがonbeforeunloadを尊重しているところでは、それはうまくいくでしょう。そしてほとんどの人は、ほとんどの場合、そうしています。彼らがいないところでは、まあ、あなたは試みました。カウンタを使用することで、複数のアップロードを許可することに注意してください。

attachEvent（IE）またはaddEventListener（標準）（または、PrototypeやjQueryのような違いがあると思われるライブラリ）を使用して、属性を使用するのではなくイベントを添付することもできます。属性（DOM0ハンドラともいう）を使用するのは、かなり古いもので、少し制限があります（要素ごとにイベントごとに1つのハンドラのみ）。しかし、それはまだ動作します。

Answer 2

前回のロードに依存することは、最高でスケッチです。スパム発信者は同じように行動を乱用しているため、これを行うための人々の能力を示唆しています。

ボタンのアクティブ化などでcloseイベントが発生した場合のみ、onbeforeunloadに応答することができます。

Answer 3

function warnUser() 
{ 
    if(dataIsDirty) 
    { 
     return "You have made changes. They will be lost if you continue."; 
    } 
    else 
    { 
     // Reset the flag to its default value. 
     dataIsDirty = false; 
    } 
} 

function isDirty() 
{ 
    dataIsDirty = true; 
} 

function isClean() 
{ 
    dataIsDirty = false; 
} 

次に、onbeforeunloadイベントのように使用します。

window.onbeforeunload = warnUser; 
dataIsDirty = false; //Or true, depending on if you want it to show up even if they dont' make changes) 

次にあなたが（例えば、保存）それをトリガーにしたくない、またはあなたが添付できるだけで何にも「isClean」関数を使用し、それを使用するには「isDirty」あなたがトリガーしたい任意のイベントに（フォームフィールドの編集など）前に