使iFrame触发body.onclick事件

Question

我有一个脚本，它附加了一个由document.onclick事件触发的函数。问题是页面中有一个iframe。当用户单击iframe时，document.onclick事件不会触发附加到它的功能。有没有什么办法解决这一问题？在极少数情况下，iframe内部可能还有另一个iframe，它也必须触发事件。

注意：我没有使用jQuery。这是一个很好的工具，但它不是整个项目的最佳解决方案。

Answer 1

尝试......

console.log(window.parent.document);

...来自iFrame。

如果有效（你看到它作为一个对象在firebug控制台中登录），只需要找到iframe元素并将click事件附加到它上面。

var parent = $(window.parent.document);
// I'm using "iframe" but you'll need to find a more accurate selector.
$('iframe', parent).click(function(){
   alert('clicked');
});