将点击事件添加到iframe

Question

我想将点击事件添加到中iframe。我使用了这个例子，并得到了：

$(document).ready(function () {
   $('#left').bind('click', function(event) { alert('test'); });
});

<iframe src="left.html" id="left">
</iframe>

但是不幸的是没有任何反应。当我用另一个元素（例如按钮）测试它时，它可以工作：

<input type="button" id="left" value="test">

Answer 1

您可以将点击附加到iframe内容：

$('iframe').load(function(){
  $(this).contents().find("body").on('click', function(event) { alert('test'); });
});

注意：这仅在两个页面位于同一域中时才有效。