ホームページ ウェブフロントエンド jsチュートリアル Chrome ブラウザが page_javascript スキルを閉じるときに「このページを閉じてもよろしいですか?」というポップアップを実現する方法

Chrome ブラウザが page_javascript スキルを閉じるときに「このページを閉じてもよろしいですか?」というポップアップを実現する方法

May 16, 2016 pm 04:11 PM
chrome ポップアップ

1. ポップアップ プロンプトを回避します

インターネットでいろいろ検索したところ、window.onbeforeunload=null を設定するという答えがほとんどでしたが、試してみてもうまくいきませんでした。

この質問を 2 日間放置した後、戻ってきてもう一度考えた結果、最終的に答えをここで共有したいと思います。

jquery 終了ページのポップアップ プロンプトを解放します (1) まずバインドを解除し、ポップアップ コンテンツを null に設定します。

コードをコピーします コードは次のとおりです:

$(関数(){
$(window).unbind('beforeunload');
window.onbeforeunload = null;
})

2. その他の関連[要約]

(1)ウィンドウの onunload イベントと onbeforeunload イベント

以下は、<body onunload="close()"> のメソッドではなく、js での実装を指します!
これはボディがアンロードされるときにトリガーされ、どのブラウザも閉じたときにボディをアンロードするためです。

モデル 1:

コードをコピーします コードは次のとおりです:
関数 close(){
alert("これはテストです");
}
window.onbeforeunload=close;

モデル 2:

コードをコピーします コードは次のとおりです:
関数 close(){
If(document.body.clientWidth-event.clientX {
alert("これはテストです");
}
}
window.onbeforeunload=閉じる

コードをコピー
モデル 1 について:
1). 更新。マルチウィンドウとシングルウィンドウの両方に適しています。
2).単一ウィンドウ IE は IE トリガー全体を閉じます。
3). IE7 マルチウィンドウで単一ページトリガーを閉じます
4) その他のマルチウィンドウ更新トリガーは、単一のウィンドウを閉じたり、ウィンドウ全体を閉じたりしても
はトリガーされません。 モデル 2 の場合:

1).ie シングルウィンドウと ie7 マルチウィンドウでは、
をトリガーするにはブラウザ全体を閉じる必要があります。 2). 他のマルチウィンドウ ブラウザの更新では、単一のページを閉じたり、ページ全体を閉じたりしても
はトリガーされません。

(2)

退出プロンプトボックスを作成します

アンロード前にバインドするイベント

コードをコピーします コードは次のとおりです:
$(window).bind('beforeunload',function(){
Return '入力した内容は保存されていません。このページを閉じてもよろしいですか? ';
});

バインドを解除

コードをコピーします コードは次のとおりです:
$(window).unbind('beforeunload');
window.onbeforeunload = null;


以上がこの記事で説明した内容のすべてです。皆さんに気に入っていただければ幸いです。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Windows 11/10のUpdater.exeとは何ですか?これはChromeのプロセスですか? Windows 11/10のUpdater.exeとは何ですか?これはChromeのプロセスですか? Mar 21, 2024 pm 05:36 PM

Windows 11/10のUpdater.exeとは何ですか?これはChromeのプロセスですか?

crdownloadとは何のファイルですか? crdownloadとは何のファイルですか? Mar 08, 2023 am 11:38 AM

crdownloadとは何のファイルですか?

Chrome がプラグインを読み込めない場合の対処方法 Chrome がプラグインを読み込めない場合の対処方法 Nov 06, 2023 pm 02:22 PM

Chrome がプラグインを読み込めない場合の対処方法

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Mar 08, 2024 am 08:55 AM

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか?

Google ChromeでWebページが開けない問題の解決方法 Google ChromeでWebページが開けない問題の解決方法 Jan 04, 2024 pm 10:18 PM

Google ChromeでWebページが開けない問題の解決方法

Chrome と Edge のすべてのタブでテキストを検索する方法 Chrome と Edge のすべてのタブでテキストを検索する方法 Feb 19, 2024 am 11:30 AM

Chrome と Edge のすべてのタブでテキストを検索する方法

クロムってどういう意味ですか クロムってどういう意味ですか Aug 07, 2023 pm 01:18 PM

クロムってどういう意味ですか

chromesetupとはどのようなソフトウェアですか? chromesetupとはどのようなソフトウェアですか? Mar 03, 2023 pm 02:58 PM

chromesetupとはどのようなソフトウェアですか?

See all articles