親画面で子画面側の動作完了を検知して、自身（親画面）の関数を実行したい

Question

前回の問合せに引き続いての内容です。
親画面側から呼び出された子画面の動作（親画面の要素を設定）し終えたら
親画面側の関数を実行したいです。

前の質問は、子画面から親画面の関数を呼び出そうとしていたのですが、今回の質問は
親画面側で子画面の動作完了を検知できたら！　と逆の発想を思い付きました。

子画面側のJSにより、自らの画面がcloseされたとき、もしくは子画面JSの処理が完了したことを検知する方法、また、その後の自身（親画面）の関数を実行する方法を　ご教示頂けないでしょうか？
よろしくお願い致します。

//【親画面】
$(function(){

	//子画面は　この関数の動作によって開く
	function winOpen(url, width, height) {
		if (width > 800) {
			width = 800;
		}
		if (height > 600) {
			height = 600;
		}
		var w = ( screen.width-width ) / 2;
		var h = ( screen.height-height) / 2;
		window.open(url, "_blank", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, " +
				"resizable=yes, width=" + width + ", height=" + height + ", left=" + w + ", top=" + h);
	}

	// この関数を子画面の動作が完了したら動かしたい
	function updGet () {
		var r = $("[name='q1']:checked").val();
		if (r != "0") {
			clrItems();
			updRenew();
			FixedMidashi.create();
		}
	}

});


//【子画面】
$("[name=car_model]").on("change", function(){

	window.opener.document.getElementById("dcd").value = tcd.trim();
	window.opener.document.getElementById("dname").value = tname.trim();
//★	window.opener.updGet();	親画面の関数、グローバルでなく呼べない
	close();
});

Answer 1

当該の関数が「グローバルでなく呼べない」という理由がわかっている状態で、当該の関数をグローバルにしていないようなので、おそらくグローバルに「したくない」か「できない」かのいずれかだろうと思います。

以下のように、jQueryの名前空間に関数を定義すれば、当該の関数自体を「グローバルに定義」せずに仕様を満たせます。ただし、jQueryが window.jQuery として定義されている必要があります。

//【親画面】
$(function(){
  //子画面は　この関数の動作によって開く
  function winOpen(url, width, height) {
　  /* 省略 */
    window.open(/* 省略 */);
  }

  // window.jQuery.updGet と同じ
  $.updGet = function() {
　  /* 省略 */ 
  }
});

//【子画面】
$("[name=car_model]").on("change", function(){
  window.opener.$.updGet();
  close();
});

追記(2019/3/1)

もうご自分で試していると思いますが、念の為補足します。
関数定義を変えているので、当然関数の呼び出し方も変わります。

$.updGet = function() { ... }

updGet() // -> Uncaught ReferenceError: updGet is not defined
$.updGet() // -> OK!

既存の関数呼び出しの記述を変えたくないのであれば、
一度以前の通り関数を定義して、そのあとjQueryの名前空間に定義すれば解決します。

function updGet() { ... }

$.updGet = updGet // 関数を代入する

updGet() // -> OK!
$.updGet() // -> OK!

Comments

[saya24]

ご支援誠にありがとうございます。明日会社でやってみればわかることですが、従来親画面のなかでもupdGet()を呼び出す部分がありました。親画面自身からこのfunctionを呼び出す方法はかわるのでしょうか？

[saya24]

追記頂かなければ　分からなかったことなので大変助かります。ありがとうございました。

[NozomuIkuta]

参考になったようでよかったです