iPhoneXのGoogleChromeでファイルを選択した後にアラートがでない。

iPhoneXのGoogleChromeでファイルを選択した後にアラートを出そうとすると、アラートが表示されずに何も操作でない状態になってしまいます。

JavaScript
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <title>JavaScriptの練習</title>
6  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
7</head>
8
9<body>
10  <p>アラート表示テスト</p>
11  <input type="file" id="img_file">
12  <script>
13    $('#img_file').change(function() {
14      alert("alert_test");
15    });
16  </script>
17</body>
18</html>

上記のコードでファイルを選択した後にアラートを出そうと考えました。
ですが、iPhoneXのGoogleChromeで実行すると、アラートが表示されずに何も操作でない状態になってしまいます。
iPhoneX iosバージョン:12.1.2
GoogleChrome バージョン：71.0.3578.89

その他下記のブラウザで確認しましたが、正常に動作しました。
iPhoneX
safari　604.1

Windows10
GoogleChromeバージョン: 71.0.3578.98（Official Build）（64 ビット）
Microsoft Edge バージョン：44.17763.1.0

Mac
GoogleChrome　バージョン: 71.0.3578.98（Official Build）（64 ビット）
safari　バージョン：12.0.2（13606.3.4.1.4）

android
GoogleChrome 71.0.3578.99

ipad
GoogleChrome　バージョン：67.0.3396.87

どこに間違いがあるかお教えいただけると助かります。

追加で分かったことを追記いたします。
iPadのChromeのバージョンを71.0.3578.89(うまくいっていないiPhoneXのchromeのバージョンと同じ）に上げても、iPadでは、引き続きアラートが表示されました。

うまくいっていないiPhoneXのchromeですが、ファイル選択を行うときに、画像や動画を選択するとうまくいかないのですが、Pagesファイルを選択したところアラートが表示されました。そのため、aleatの使い方だけではなくinput type="file"の使い方が間違っていないか疑っています。

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

回答2件

http://js.studio-kingdom.com/javascript/window/alert

最後の方に「Chromeユーザー(例えば、extensions)では、代わりにnsIPromptServiceのメソッドを使用すべきです。」と書かれていますので、Chromeでは使えない可能性がありますね...
同じiosでもipadに入っているChromeのバージョンが古いので動いた可能性がありますね。

投稿2019/01/28 05:18

stdio

総合スコア3307

eBjR1aTLyP25mYm

2019/01/28 11:32

ご回答ありがとうございます！ nsIPromptServiceを使おうと試みているのですが、使い方がわからず四苦八苦しております。調べてみるとnsIPromptServiceはXPCOMで使えるメソッドだと理解したのですが、XPCOMがよく理解できていません。また、XPCOMは廃止されていくようで代わりに、WebExtensionsを使用するとの記事もあり、WebExtensionsでも同様のことができるのか？など調べているのですがなんせ知識不足で・・・　具体的な使い方のヒントなどございましたらお教えいただけると幸いです。

stdio

2019/01/28 14:06

https://developer.mozilla.org/en-US/docs/Web/API/Window/alert https://developer.mozilla.org/ja/docs/Web/HTML/Element/iframe 海外のサイトだけど割といい事を書いてるよ。 alertはフルサポートしているがsandbox属性に値が設定されていない限り、内部でブロックされてるみたいですね。

eBjR1aTLyP25mYm

2019/01/30 05:22

ご回答ありがとうございました。いただいたヒントをもとにいろいろ試してみたのですが、知識不足でアラートを表示させることができませんでした。最終的にアラートを使わずモーダルウィンドウを作って対応いたしました。せっかく、いろいろと教えていただいたことが活用できず大変恐縮です。アラート機能は基本的な機能だと思っていたのでここまで苦労するとは思っていませんでしたが、おかげで大変勉強になりました。ありがとうございました。

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