使用JQUERY跟踪整个HTML页面

Question

我正在尝试跟踪点击html元素。

使用：

$('html').click(function() {
    // action here
});

但是这个东西不适用于iframe，没有抓住iframe点击，或点击选择框

http://jsfiddle.net/TYJtc/4/

Answer 1

此答案基于iframe内容属于您的域名，使用jquery 1.7.2并且这应该在文档准备好之内

http://jsfiddle.net/TYJtc/6/

HTML

<iframe id="myframe" src='/'></iframe>

JS

$('#myframe').contents().find('body').bind('click', function(e) {

   alert('clicked');
});

Answer 2

您需要将脚本放在document.ready函数中，并将'html'更改为document。

$(document).ready(function() {
    $(document).click(function(e) {
     alert("click");
    });
});

http://jsfiddle.net/TYJtc/1/

Answer 3

您可以在iframe上放置一个具有高z-index的div。这应该拦截所有点击并调用文档点击处理程序。但主要问题是这样。它拦截所有点击，因此底层iframe不会收到任何点击事件。