記事作成画面でブラウザを閉じる時、アラートを表示させたい

[mit]

いつも便利に使わせていただいています。

表題の通りなのですが、クライアント様からブラウザで色んな画面を開いていてうっかり入力中のものを閉じてしまう事があるので、「本当に閉じますか？」のようなアラートを出して欲しいと言われました。
jQueryのbeforeunloadで対応できるのではと思ったのですが、soycmsのどのファイルに記述すれば良いのか分かりません。

ご指南いただければ幸いです。
よろしくお願いします。

[inunosinsi]

jQueryのbeforeunloadを使用したことがないのでわかりませんが、

入れるとするなら、

/soycms/webapp/pages/_common/FooterPage.html

このファイルあたりですかね？

[mit]

＞inunosinsi 様

ありがとうございます！
input#titleがアクティブになった場合のみ、画面遷移時に確認アラートが出る様にできました。
今後ともよろしくお願いいたします。


<script>
var flg = 0;
$(document).ready(function(){
$(window).on("beforeunload",function(e){
if(flg) return "Do you want to move this page ?";
});

$("input#title").on("blur",function(e){
if($(this).val()){
flg = 1;
}
});

$("input#update_button").click(function(e) {
if($(this).val()){
flg = 0;
}
});
});
</script>

[mit]

＞inunosinsi 様

ありがとうございます！
input#titleがアクティブになった場合のみ、画面遷移時に確認アラートが出る様にできました。
（submitでは出ません）
今後ともよろしくお願いいたします。

<script>
var flg = 0;
$(document).ready(function(){
$(window).on("beforeunload",function(e){
if(flg) return "Do you want to move this page ?";
});

$("input#title").on("blur",function(e){
if($(this).val()){
flg = 1;
}
});

$("input#update_button").click(function(e) {
if($(this).val()){
flg = 0;
}
});
});
</script>

[inunosinsi]

対応出来て良かったです。
今回は即席の箇所でしたが、記述箇所を吟味して取り込みたいと思います。

[inunosinsi]

今回の内容をプラグイン形式にしてみました。

詳しくは下記の記事をご覧ください。
SOY CMSで記事編集中にブラウザを閉じる際にアラートを出す - saitodev.co