[Javascript]iOSアプリでwindow.confirm()でダイアログを出している最中に後続処理が走ってしまう

前提・実現したいこと

confirm()によって表示されるダイアログのYesNoの選択結果に応じて画面遷移の有無を制御したい。

発生している問題・エラーメッセージ

ボタンをタップした際に以下のような処理が走るボタンを実装したところ、iphone上のmonacaデバッガー(9.0.1)でconfirmのダイアログは表示されるもののYesを選択してもconfirmFlgがtrueの判定にならず、サイドボタンをタップすると画面遷移が起こり、遷移後に2回目のconfirmダイアログ表示がされてしまいます。
期待値は1回ボタンをタップしてconfirmダイアログでYesを選択した場合すぐに画面遷移をして欲しいのですが...

var confirmFlg = window.confirm("画面を切り替えますか？");

if(confirmFlg == true){
  window.location.href = "Aページへのリンク";
}else{
  //何もしない
}

試したこと

・confirmFlgがtrue以外であった場合のフローに「alert("false");」を差し込んで実行したところ、1回目のタップでは以下の順でダイアログが表示された。
①alertダイアログ
②confirmダイアログ
このconfirmダイアログでYesを選んでも画面遷移は起こらず、再度ボタンをタップするとその瞬間画面遷移が発生した。ちなみにmonaca localkit上でのシミュレータ上では1回目のボタンタップで画面遷移が発生し、alertダイアログはそもそも表示されなかった。
→ ・iOS特有？
・confirmダイアログの選択結果を受け取る前に後続の処理が走っている？
・コード順で言うとconfirmダイアログ、alertダイアログの順なのに表示順は逆
→ダイアログを出す命令がコード順で溜め込まれて、先入れ後出しで実行されている？？

補足情報（FW/ツールのバージョンなど）

アプリのcordovaのバージョン：9.0
テストデバイス：iphone x(iOS13.1)
monacaデバッガーのバージョン：9.0.1

すごく基本的な部分で躓いているような気がするのですが、アプリ開発自体初めてでして、皆様のお力をお借りしたく存じます。
よろしくお願いします。

10/21追記
Android端末でデバッグしてところ期待値通りの挙動をしました。
やはりiOSだけ...

miyabi_pudding

2019/10/20 14:51

おそらく、Swiftにコンパイル時に処理の仕方が変わっているのかと思うのですが・・・、 Monaca詳しくなく恐縮なのですが、 Swiftにコンパイル後の、該当箇所の実ソースコードは見れたりするのでしょうか？もし見れるのであれば、その実コードを記載した方が、回答を得られやすいかと思います。

shami5

2019/10/21 14:37

ご指摘ありがとうございます。コンパイル後のソースを見ようと、ビルド後の.appファイルを展開して覗いてみましたがhtmlファイルもjsファイルも元ソースがそのまま入っていました。 swiftに翻訳されるわけじゃないのですかねー

行動規範の内容に同意します

回答2件

こちら, 解決済みでしょうか?

iOS13.3で同じような問題にあたっており、調べてみたところ

window.alert()はsynchronous(同期処理)なのに対し、navigator.notification.alert()は非同期処理
そのため、shami5さんの実現したいことを考えるとwindow.alert()を利用するか、navigator.notification.alert()のcallbackに後続処理を実行する関数を仕込む必要がありそうです。

▼参考
https://books.google.co.jp/books?id=O52yBwAAQBAJ&pg=PA328&lpg=PA328&dq=cordova+dialogs+pause&source=bl&ots=x7MF3riOm4&sig=ACfU3U0UyTHZdoTazAWXOm4ACU-jpi_qhQ&hl=ja&sa=X&ved=2ahUKEwjLlprd8sXnAhWQ3mEKHaPnCVwQ6AEwB3oECAkQAQ#v=onepage&q=cordova%20dialogs%20pause&f=false

しかし、iOS13系ではJavascriptのsuspendが出来ない不具合があるようで、window.alert()のダイアログが出ている際も後続処理が走ってしまうようです。

私も同じ問題に当たっていたので、上記共有しました。

可能でしたら、その後どのように対応なされたのか共有いただけましたら幸いです。

投稿2020/02/10 02:57

YK_twit

総合スコア13

ベストアンサー

Monacaは使ったことがないですが、ドキュメントを見るに、navigator.notification.confirm() を使うのではないですか？

js
1navigator.notification.confirm('画面を切り替えますか', idx => {
2  // OK以外のときは何もしない
3  if(idx !== 1) return;
4
5  // FIXME: 遷移処理実装
6});

投稿2019/10/21 03:41

thyda.eiqau

総合スコア2982

shami5

2019/10/21 13:39

ご回答ありがとうございます。ケチるなと言う話なのですがnotificationが含まれるcordovaプラグインは有料オプションなので試せないです... もう少し試して方法がなさそうだったら課金して試してみます。情報ありがとうございます。

thyda.eiqau

2019/10/21 14:15

え、そうなんですか、すごい商売ですね…… 本題とずれますが、iOSネイティブ (Swift/Objective-C) かReact Nativeなどの他のプラットフォームも検討されてもいいのではと思います。有料プラグインと聞いた直感的感想ですが、ユーザーが少なくてググっても欲しい情報が得られないような気がします

shami5

2019/10/21 14:44

そうですね..Monacaじゃなきゃダメと言うわけではないのでその道も模索してみます。アドバイスありがとうございます。

行動規範の内容に同意します

あなたの回答