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");
});