http://jsfiddle.net/QcAee/406/
Просто создайте невидимый слой над iframe, который возвращается, когда нажимаем и поднимаемся, когда событие mouseleave будет уволен! Нужно jQuery
это решение не распространяется первым щелчком внутри iframe!
$("#invisible_layer").on("click",function(){
alert("click");
$("#invisible_layer").css("z-index",-11);
});
$("iframe").on("mouseleave",function(){
$("#invisible_layer").css("z-index",11);
});
iframe {
width: 500px;
height: 300px;
}
#invisible_layer{
position: absolute;
background-color:trasparent;
width: 500px;
height:300px;
}