Javascript 使用Jquery跟踪iframe内的单击_Javascript_Jquery_Iframe

Javascript 使用Jquery跟踪iframe内的单击

javascript jquery iframe

Javascript 使用Jquery跟踪iframe内的单击,javascript,jquery,iframe,Javascript,Jquery,Iframe,我正试图找到一种使用jquery跟踪iframe内点击的方法。 iframe位于同一个域上，但我似乎无法使其正常工作，以下是我的代码： <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript"> var clicks =

我正试图找到一种使用jquery跟踪iframe内点击的方法。 iframe位于同一个域上，但我似乎无法使其正常工作，以下是我的代码：

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
    var clicks = 0;
    $('#myframe').load(function() {
        alert('loaded');
        var that = $(this);
        that.contents().find('a').bind('click', function(e) {
            e.preventDefault();
            clicks++;
            $('#clicks').html(clicks);
        });
    });
</script>
</head>
<body>
Clicks: <span id="clicks" >0</span>
<iframe id="myframe" src="test_iframe.php" width="500" height="500"></iframe>
</body>
</html>

你知道会出什么问题吗

我曾经看到过其他类似的问题，但没有一个答案能解决我的问题

更新：

我已经用@Wes code更新了我的代码，它可以在JSFIDLE上运行，但不能在我的站点上运行。

在添加事件之前，请确保iframe已完全加载

我希望处理程序添加.document

或

以下是一个例子：

您需要先找到链接，然后绑定到它

您的代码应该是这样的：

$('body', $('templateframe')).contents().find('a').click(function(event) {
  alert("Link Clicked");
});

在父帧上，创建要从iframe内部调用的函数

家长：

var click = 0;
function addClick()
{
    click++;
}

然后，从iframe调用它

parent.addClick();

最后，简单参考click了解点击次数。希望这能有所帮助。

您在JSFIDLE上的示例似乎运行良好，但我在的代码运行不正常，您能看一下吗？谢谢您已将框架ID更改为名称。只需添加id=myFrame，它就会工作。我已将名称更改为id，但仍然没有运气，请您再次检查好吗？谢谢。啊，这是因为我们必须等待iframe启动文档准备就绪。我正要睡觉，但它应该是这样的：我真的很感谢你的帮助，但它仍然不起作用，我甚至把iframe改成了一个非常简单的，以防万一，你知道为什么它不起作用吗？1。请不要使用链接缩短网站，2。不要更新您的问题或添加评论，如：仍在寻找答案：，我们已经知道这一点，因为没有答案：

$('body', $('templateframe')).contents().find('a').click(function(event) {
  alert("Link Clicked");
});

var click = 0;
function addClick()
{
    click++;
}

parent.addClick();