ブラウザバックでの離脱時ポップアップ（モーダル）の実装について

Question

そもそも実装可能かどうかなのかよくわからず、詳しい方いましたら教えてください。

Webサイト閲覧時にブラウザで戻る動作をした時に、
オリジナルのバナー形式のポップアップを表示させたいです。

以下のような方法でそれとなく実装できましたが、Chromeで思った挙動をしません。（表示される時もあれば表示されない時もある）

参考サイト

$(function() {
	if (document.referrer.indexOf(location.hostname) == -1) {

		if( window.history && window.history.pushState && history.state !== undefined) {

			history.pushState( "test", null, "" );

			$(window).on("popstate", function(e) {

				$(window).off("popstate");

				if (location.hash.indexOf('#') != -1) return;

				//モーダル表示処理

			});
		}
	}
});

調べてみると、セキュリティ上、ブラウザバックでのオリジナルのポップアップを表示させるようなイベントは実行できないという情報を多々目にしました。

参考：Google Chromeは「戻る」ボタンで戻れない悪質なウェブサイトを駆逐する予定
参考：離脱防止警告をモーダルWindowで出したい
参考：ブラウザバックのイベントを取得する方法

現状、中途半端に表示される状態なため、クライアントから不安定な挙動を直してほしいと言われています。

そもそもちゃんと書けば実装できるのか、それともしないほうがいいのか、どうなのでしょうか。

Answer 1

ページを離れるときに入力を伴うような無手順ではない処理はできません
戻ってきたページ側でなにかを出すことはできると思いますが
質問内容からなにをどうしたいか想像がつきません

Comments

[IGE]

ご回答ありがとうございます。
やっている意図としては、ユーザーがサイトを離脱(ブラウザバック)しようとした時、モーダルウインドウで、「ちょっと待って！今ならお得な商品があります！こちらをクリック」みたいな感じのバナーを表示させています。(ページをそのまま離れるリンクも一緒にあります)

[yambejp]

基本的に離れるのを中断・停止する処理は、悪質サイトが
脅迫文書で入金を催促するような用途でつかわれるので
いまのブラウザには実装できません

[IGE]

やはりそうだったのですか、、良く見ていた気がしましたので普通にできるものと思っていました。。