window.openした子ウィンドウの中にある要素をダブルクリックしたい。

Question

var child;
child = window.open("http://www.yahoo.co.jp/");
child.$('#srchbtn').trigger("dbclick");

親ウィンドウで上記コードを実行し、子ウインドウにある要素をダブルクリック或いはクリックしたいのですが、うまく出来ません。
今回の様に子ウインドウは変更など出来ない状態です。

よろしくお願い致します。

Answer 1

trigger() はデフォルトアクションを伴いません。
デフォルトアクションも発生させたいなら click() を使用してみて下さい。

child.document.getElementById('srchbtn').click();

よくみたら、クロスドメインしようとしているのですね。
yahoo.co.jp のような任意の外部サイトのDOMノードを参照する事は出来ません。
上記コードは CORS の制約内で使用して下さい。

• HTTP access control (CORS) | MDN

Re: IDLOCK さん

Comments

[IDLOCK]

think49さん
回答有り難う御座います。
実際にはhttp://localhost/aaaaa/からhttp://localhost/bbbbb/ccccc/のページをオープンさせようとしています。
この場合も上記制限に引っかかるということでしょうか。

[think49]

同ドメイン内ならば CORS の制約に引っかかりません。詳しくは MDN のリンクを確認して下さい。

[IDLOCK]

think49さん
回答有り難う御座います。
ご指摘通り、同一ドメイン上では取得出来ました。
ただ、ロードが終わる前に下記コードで取得しようとすると、エラーになるのでsetTimeoutを行って対応できました。

var child;
child = window.open("http://localhost/bbbbb/ccccc/");
var b = function(){
child.document.getElementById('btn_a').click();
child.document.getElementById("btn_b").click();
}
setTimeout(b, 400);

ありがとうございました。

[think49]

読み込み完了時なら DOMContentLoaded のタイミングで実行してみてください。
child.document.addEventListener('DOMContentLoaded', function (event) { event.target.getElementById('srchbtn').click(); }, false)

[IDLOCK]

think49さん
遅くなってすみません。
教えて下さった内容で希望の動作が出来ました。
ありがとうございました。