用途
新着
履歴
分類

jQuery 離脱時に警告を出す

jQuery 離脱時に警告を出す
ページ内のリンクを押したり、ブラウザの戻る押したりすると、抑止するポップアップが表示されるサンプルです。

ユーザとして、入力フォームを記入するページなどで、たくさん情報を記入したのに、操作ミスで他のサイトに飛んでしまったり、文字を削除するつもりでページが戻ってしまったりすることがあります。

サイト運営側としても、入力する気持ちがあるユーザを逃したくありません。不本意な操作ミスでやる気を無くされることは、避けたいところです。

そこで、使いたいのがこの制御。「登録完了」や「次へ」以外のすべてのリンクに対して、「本当にページを離れますか?」という内容のポップアップを表示します。

しかし、使うべきところを間違えると、ページ内すべてのリンクに発動するため、気持ち悪さがあります。使い方には注意しましょう。

JSの記述はこちら

$(document).ready(function(){
	var isChanged = true;
	$('.noalert').click(function() {
		isChanged = false;
	});
	$(window).bind("beforeunload", function() {
	if (isChanged) {
		return "作業中の情報は破棄されます。";
	}
	});
});

実行サンプルは下記のリンクから。

公開 2019-07-31 22:27:24
このページの二次元コード
jQuery 離脱時に警告を出す

人気のサンプル

search -  category -  about
© 2024 kipure
Top