检测iFrame onClick

时间:2015-02-26 12:15:23

标签: jquery iframe onclick

我为主页创建了一个广告横幅,它在两个广告之间循环。其中一个广告包含一个iFrame,其表单由公司提供,iFrame中的url指向位于其自己域中的表单。我想在用户点击iFrame时显示广告循环(显示他们正在使用它),因为我不希望广告在填写表单的一半时更改。结果也会显示在同一个iFrame区域中。

我已经设法使用jQuery来停止广告循环时单击整个广告div区域并且这很好,但是一旦我添加了iFrame,广告区域就不响应点击。

我认为我不能在iFrame顶部对z-index隐形触发器等进行索引,因为这可能会阻止访问者在iFrame中使用该表单?

有人知道如何在点击iFrame时让广告停止吗?

目前我正在使用:

$("#The advert DIV").click(function(){
stopLoop();
})

哪个成功停止广告循环,该函数调用清除循环广告的间隔。我给了iFrame一个adsiFrame的id,并将其用作上面代码中的选择器,但iFrame的onClick没有响应它。

我现在不知道该怎么办?任何帮助都非常感谢。

2 个答案:

答案 0 :(得分:0)

当您从iframe内部调用元素时,可能会发生此问题。

这可能会对您有所帮助:

    <script>
        window.parent.$("#The advert DIV").click(function(){
        stopLoop();
        });
    </script>

答案 1 :(得分:0)

由于安全性等因为有限的跨域选项,我最终使用了放置在iFrame顶部的图像(通过z-index),当点击该图像时淡出并允许访问iframe。单击图像会触发停止图像循环的操作。这对我来说是一个解决方案。如果用户不必点击两次以打开iFrame中的第一个表单字段,那将是很棒的,但我认为这对我来说是一个令人满意的解决方案。