【jquery】子画面から親画面のイベントを実行する

Question

子画面で選択した値を親画面にセットするという処理の後に
変更された親画面の値のonchangeを実行させたいです。
ブラウザはIEとなります。

親画面

$(document).on('change', '#text', function() {
  //処理
  }
});

子画面

 <script language="JavaScript">
function ok() {
    opener.document.oya.text.value   = "hoge";
}

<INPUT TYPE="button" VALUE="OK" onClick="ok()">

子画面ではjqueryを使っていない状態です。
ボタン押下→親画面に値セット→親画面のhangeイベント（jquery）が発火する流れにするには
どのような処理が必要でしょうか。
強制発火等いろいろ試しましたがうまくいかなかったので、何か良い案があれば教えてください。

Comments

[yambejp]

子画面とはなにか定義してください

[takesty]

すいません、サブ画面と子画面は同一の意味となります。

[takesty]

質問の修正をしました。

[yambejp]

サブ画面＝子画面でwindow.openで開いたモードレス処理ということでよいですか？

[int32_t]

> 強制発火等いろいろ試しました

試したことを具体的に書いてください。回答を書いても「それは既に試しました」では労力の無駄になるので。

[takesty]

yambejp様
認識の通りです。

int32_t様
子画面ボタン押下の関数（ok()）内で
・opener.document.getElementById("#text").fireEvent("change")
・window.opener.$('#text').trigger('change')
等は試しました。記述が間違っている可能性を考慮して、書き方を変えながら試していました。

[int32_t]

> window.opener.$('#text').trigger('change')

これは動くはずですけどねえ。
そのときにコンソールになにかエラーとか出ていませんでしたか。

[takesty]

回答遅れて申し訳ありません。
未定義または NULL 参照のプロパティ 'trigger' は取得できません
と出ます。

[int32_t]

もしかして IE 限定の話でしたか?

[takesty]

そうです。
ブラウザの記載漏れてしまっていましたね。すいません。

Answer 1

opener.document.oya.text.value = "hoge";
opener.document.oya.text.dispatchEvent(new Event("change", {bubbles:true}));

とか

opener.$("#text").val("hoge").trigger("change");

でしょうか。

Comments

[takesty]

$(document).on('change', '#text', function() {
の中身の処理を関数化し、子画面で「opener.関数名();」で上手く処理できました。
中身の処理の関数に関して
jqueryで関数を書くとサポートしてない旨のエラーメッセージが出たため、jqueryを使わなくしたところ、問題なく動作しました。
いろいろとご助言頂きありがとうございました。質問の段階から丁寧に教えていただいたのでベストアンサーとさせていただきます。

Answer 2

具体的にどうしたいかわからないのでなんとも言えないですが

//parent.html

<script>
function func_p(){
  console.log('func_p');
}
</script>
<a href="child.html" target="newWin">child</a>

//child.html

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  btn.addEventListener('click',()=>{
    opener.func_p();
  });
});
</script>
<input type="button" id="btn" value="check_p">

Comments

[takesty]

$(document).on('change', '#text', function() {
の中身の処理を関数化し、子画面で「opener.関数名();」で上手く処理できました。
中身の処理の関数に関して
jqueryで関数を書くとサポートしてない旨のエラーメッセージが出たため、jqueryを使わなくしたところ、問題なく動作しました。
いろいろとご助言頂きありがとうございました。