jquery - JQUERY を使用して HTML ページ全体のクリックを追跡する

Question

HTML要素のクリックを追跡しようとしています。

と：

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

しかし、これは iframe では機能せず、iframe のクリックをキャッチできず、選択ボックスをクリックすることもできません

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

Answer 1

この回答は、jquery 1.7.2 を使用して、ドメインの iframe コンテンツに基づいており、これはドキュメントの準備ができている必要があります

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 がクリック イベントを受信しないように、すべてのクリックをインターセプトします。