ページを離れる前にこのページを離れるかどうかをユーザーに確認するプロンプトを実装する js メソッド (ブラウザー ボタンのイベントを含む)_JavaScript スキル

この記事の例では、js を使用して、ページを離れる前にユーザーにページを離れるかどうかを確認する方法を説明します (ブラウザー ボタンのイベントを含む)。皆さんの参考に共有してください。詳細は以下の通りです。

ユーザーがページを離れる前に、このページを離れるかどうかを確認します (ブラウザー ボタンのイベントを含む)

<script type="text/javascript">
window.onbeforeunload = function(){
return "您的文章尚未保存！";
}
</script>

ページを終了するときに、ページを保存せずに特定の機能を設定するのと同様に、ユーザーにページを終了するよう求めるダイアログ ボックスが表示される必要がある場合。実装方法は比較的単純です。ただし、この実装には、同意するかどうかにかかわらず、結果は同じであり、ページが終了してしまうという欠点があります。ダイアログ ボックスが表示されます。ユーザーはスペースを選択し、確認された場合は終了します。それ以外の場合はページは閉じられません

onbeforeunload() イベントを使用することをお勧めします。これは、アンロード イベントをロードする前にメソッドが実行されることを意味します。

<script type="text/javascript">
   window.onbeforeunload = function(){
   return "必您确定要退出页面吗？";
   }
</script>

ダイアログ ボックスが表示され、確認のみが行われてページが終了します。

window.onbeforeunload を jQuery と組み合わせると、ユーザーがページを設定したが保存していない場合にプロンプ​​トを表示することができます。つまり、ページが保存されている場合、ダイアログ ボックスは表示されません。必要がない場合のメソッド

プロンプトダイアログボックス:

<script type="text/javascript">
  window.onbeforeunload = function(){
    return;
  }
</script>

これにより、ダイアログ ボックスは表示されずにページが直接終了します。

jQuery を組み合わせて Javascript 終了ページのポップアップ ダイアログ ボックスを実装するには、ページが特定の状況に達したときに、ダイアログ ボックスが表示される必要がある場合、ダイアログ ボックスが表示されます。 jQuery は独自の unload メソッドを持っていますが、結果は 1 つしかなく、window.onbeforeunload と組み合わせることで実現できます。ページを終了してダイアログ ボックスをポップアップする機能。

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。