ダブルクリックを避けるためにwindow.onbeforeunloadを使用する

Question

ページをリダイレクトしている間にダブル・サブミットを避けるために、window.onbeforeunloadをオーバーライドしようとしました。

window.onbeforeunload = disableCurrentWindow; 
function disableCurrentWindow() 
{ 
    console.log("Before Disable the contents"); 
    window.document.body.disabled = true; 
    console.log("After Disable the contents"); 
    return undefined; 
} 

私がここに真実を返すと、それは私が現時点で必要としないデフォルトの確認ポップアップを与えます。私はちょうど次のページにユーザーをリダイレクトする必要があります。ダブルクリックを許可する必要はありません

Answer 1

GETリクエストをダブルサブミットすることを無効にする場合は、クリックした直後に短い時間だけ各リンクのhrefパラメータを更新しようとすることができます。

例えば、

var clickedAt = null; 
 
$(document).ready(function() { 
 
    $('a').click(function() { 
 
     if (!clickedAt) { 
 
      console.log('click allowed, destination: ' + $(this).attr('href')); 
 
      clickedAt = new Date(); 
 
      $('a').each(function() { 
 
       $(this).attr('data-href', $(this).attr('href')); 
 
       $(this).attr('href', '#'); 
 
      }); 
 
     } 
 
     else { 
 
      console.log('click masquaraded, destination: ' + $(this).attr('href')); 
 
     } 
 
     return false; 
 
    }); 
 
}); 
 
setInterval(function() { 
 
    if (typeof $ == 'undefined') return false; 
 
    if (clickedAt && new Date().getTime() - clickedAt.getTime() > 1000) { 
 
     $('a').each(function() { 
 
      $(this).attr('href', $(this).attr('data-href')); 
 
     }); 
 
     clickedAt = null; 
 
    } 
 
}, 100);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#data">data</a> <a href="#value">value</a>

しかし、私は考えていない - あなたがこれを行う必要があること。ダブルクリックはほとんどの場合問題ではありません - あなたのウェブサーバにはDDOSではありません（ダブルクリックがあなたのウェブサーバに多大な負荷をかける場合は、再設定する必要があります。いずれの場合もより強力になります）。

私は古いhrefをダンプするためにdata-hrefを使用しました。これらの属性を使用している場合は、別のバッファを1つ選択できます。

P.S.あなたのページにたくさんのリンクがある場合は、あなたの顧客にとって非常に小さな遅れを行うことができます