OnClick函数不会触发iframe？

Question

我正在尝试点击iframe时点击功能，但它不会触发。有可能吗？

$("#iframe").click(function() {
alert("works");
});

<iframe id="iframe" src="http://site.com" scrolling="no"></iframe>

Answer 1

另一个解决方案是覆盖透明div并向该div添加click事件。 工作样本：http://jsfiddle.net/w1ll3m/AxJHH/

<div class="container">
    <iframe src="#url"></iframe>
    <div class="overlay"></div>
</div>

css将div.overlay放在iframe上：

.container{position:relative;float:left;}
.overlay{top:0;left:0;width:100%;height:100%;position:absolute;}

添加活动：

$('.overlay').click(function(){alert('hello');});

Answer 2

$iframe = $( document.getElementById("myiframe").contentWindow.document );

$iframe.find("body").click(function(){
    alert("hey");
});

http://jsfiddle.net/cRDjV/81/

Answer 3

没有。您需要在iFrame中执行此操作，而不是父级。

但是，您可以添加一个EventListener：Adding click event handler to iframe