javascript - iframe上でマウスクリックを確認してください

Question

iframeは「on」イベントをサポートしていないため、iframeをマウスでクリックしたときにjavascriptで確認するにはどうすればよいですか？

それが私のiframeです：

そして私はこのjqueryコードを使用します：

$（'＃ifr31'）。bind（'click'、function（event）{alert（1）}）;

しかし、iframeをクリックしても何も警告されませんか？

Answer 1

この回答から取得：

https://stackoverflow.com/a/1609808/561545

iframe には「onclick」イベントはありませんが、iframe 内のドキュメントのクリックをキャッチすることもできます。

document.getElementById("iframe_id").contentWindow.document.body.onclick = function() { alert("iframe がクリックされました"); }

EDITこれはクロスサイトの問題を解決しませんが、FYI jQueryはiFrameでうまく機能するように更新されました:

$('#iframe_id').bind('クリック', 関数(イベント) { });

Answer 2

同じ起源の場合は使用できます $('#ifame').bind('click', function(event) { });

Answer 3

同じドメインの iframe でのみ機能します。

$('body', $('select-your-iframe-here').contents()).click(function(event) {
  console.log('Clicked! ' + event.pageX + ' - ' + event.pageY);
});