jquery - 使用 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).ready(function() {
    $(document).click(function(e) {
     alert("click");
    });
});

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

Answer 3

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