javascript - iframe 内でリンクされたクリック

Question

次のように、iFrame 内に Web サイトをロードした場合:

$("#myIframe").attr("src",url);

...ユーザーがそのサイト内のリンクをクリックしたときに、新しいページの URL をキャプチャすることは可能ですか?

Answer 1

onLoad イベントにアタッチできます

<iframe src="/test.html" onLoad="alert(this.contentWindow.location);"></iframe>

また

$('#myIframe').load(function() {
  alert("the iframe has been loaded, pull the src");
});

Muthu Kumaran による作業サンプル: http://jsfiddle.net/muthkum/DuRTR/

Answer 2

iframe を含むページから iframe のコンテンツにアクセスすることはできません。これにより、セッション Cookie を盗んだり、ユーザーが別のサイトでクリックしたくないものをクリックしたりするなど、多くの邪悪なことを行うことができます。

Glennulars の回答は明らかに機能します。:)

Answer 3

イベントが iframe にバブルアップするかどうかはわかりませんが、次のことを試すことができます。

$("iframe").click(function(e){
  console.log('something was clicked');
});